用在网页上,默认情况下它们起的均是加粗字体的作用,二者所不同的是,<b>标签是一个实体标签,它所包围的字符将被设为bold(粗体),而<strong>标签是一个逻辑标签,它的作用是加强字符的语气,一般来说,加强字符的语气是通过将字符变为bold(粗体)来实现的。
简单的说strong是web标准中xhtml的标签,strong的意思是“强调”;b是html的,b的意思是bold(粗体)。web标准主张xhtml不涉及具体的表现形式,“强调”可以用加粗来强调,也可以用其它方式来强调,比如下划线,比如字体加大,比如红色,等等,可以通过css来改变strong的具体表现。
并不是说有了strong,就淘汰了b,只是这个b很无辜,就因为自己表示的是字体加粗,恰巧跟strong默认情况下强调的效果一致,其实这个strong完全可以定义成别的样式的强调效果
但是为了符合现在W3C的标准,还是推荐使用strong标签。
二、
WEB标准
WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由W3C起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer Manufacturers Association)的ECMAScript标准。我们来简单了解一下这些标准:
结构标准语言
(1)XML XML是The Extensible Markup Language(可扩展标识语言)的简写。目前推荐遵循的是W3C于2000年10月6日发布的XML1.0。和HTML一样,XML同样来源于SGML,但XML是一种能定义其他语言的语言。XML最初设计的目的是弥补HTML的不足,以强大的扩展性满足网络信息发布的需要,后来逐渐用于
网络数据的转换和描述。关于XML的好处和技术规范细节这里就不多说了,网上有很多资料,也有很多书籍可以参考。 (2)XHTML XHTML是The Extensible HyperText Markup Language可扩展标识语言的缩写。目前推荐遵循的是W3C于2000年1月26日推荐XML1.0。XML虽然数据转换能力强大,完全可以替代HTML,但面对成千上万已有的站点,直接采用XML还为时过早。因此,我们在HTML4.0的基础上,用XML的规则对其进行扩展,得到了XHTML。简单的说,建立XHTML的目的就是实现HTML向XML的过渡。
表现标准语言
CSS是Cascading Style Sheets
层叠样式表的缩写。目前推荐遵循的是W3C于1998年5月12日推荐CSS2。W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构,使站点的访问及维护更加容易。
行为标准
(1)DOM DOM是Document Object Model
文档对象模型的缩写。根据W3C DOM规范,DOM是一种与浏览器,平台,语言的接口,使得你可以访问页面其他的标准组件。简单理解,DOM解决了Netscaped的Javascript和Microsoft的Jscript之间的冲突,给予web设计师和开发者一个标准的方法,让他们来访问他们站点中的数据、脚本和表现层对像。 (2) ECMAScript ECMAScript是ECMA(European Computer Manufacturers Association)制定的标准
脚本语言(JAVAScript)。目前推荐遵循的是ECMAScript 262。
(1)<code>标签,定义计算机代码或者其他机器可以阅读的文本内容,将文本内容以等宽、类似电传打字机样式的字体(courier)显示出来,而且也暗示这段文本表示计算机的源代码,但浏览器可以做出自己的样式处理
(2)<kbd>标签,定义键盘码,当我们需要表达键盘输入文本时,从Web标准的角度出发,强烈建议使用这个标签,因为,它更具语义化,搜索引擎也更能读懂它
(3)<samp>标签,定义计算机代码样本
(4)<tt>标签,定义打字机代码
(5)<var>标签,定义变量
四、abbr 和 acronym
实现缩写或首字母缩写。
eg.
<html>
<body>
<abbr title="etcetera">etc.</abbr><br />
<acronym title="World Wide Web">WWW</acronym>
<p>在某些浏览器中,当您把鼠标移至缩略词语上时,title 可用于展示表达的完整版本。</p>
<p>仅对于 IE 5 中的 acronym 元素有效。</p>
<p>对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。</p>
</body>
</html>
五、HTML <dfn> 标签
<dfn> 标签可标记那些对特殊术语或短语的定义。
现在流行的浏览器通常用斜体来显示 <dfn> 中的文本。将来,<dfn> 还可能有助于创建文档的索引或术语表。
与其他许多基于内容的样式和物理样式标签一样,<dfn> 标签尽量少用为妙。作为一种通用样式,尤其在技术文档中,当第一次新的术语时,应该将它们与普通文本分开,这样读者可以更好地理解文章当前的主题,而从那以后就不要再对这个术语进行任何标记了。
六、HTML链接--跳出框架
本例演示如何跳出框架,假如你的页面被固定在框架之内。
<a href="/index.html">本文本</a> 是一个指向本网站中的一个页面的链接。</p>
<a href="/index.html" target="_parent">请点击这里!</a>
note:
"target中parent与top的差别":
target中_parent与_top的区别
在html中经常会用到target参数,常用的有两个target="_blank"和target="_self",意思为:
target="_blank" 表示在新窗口中打开该链接,target="_self"表示相同框架,即在当前窗口(或当前选项卡)中打开该链接。
还有两个不常用的:
target="_parent",将链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的,则在浏览器全屏窗口中载入链接的文件,就象_self参数一样。
target="_top",在当前的整个浏览器窗口中打开所链接的文档,因而会删除所有框架,不写的话就是表示默认值,默认值一般跟浏览器有关。
例如网页a中iframe了网页b,网页b又iframe了网页c,如果网页c中连接设置target="_parent",则将网页b去掉直接在a中嵌入网页c中链接页面,而如果网页c中target="_top",则直接跳出所有iframe框架,直接转向c中链接页面。
七、<br> 还是 <br />
<br> 与 <br /> 很相似。
在 XHTML、XML 以及未来的 HTML 版本中,不允许使用没有结束标签(闭合标签)的 HTML 元素。
即使 <br> 在所有浏览器中的显示都没有问题,使用 <br /> 也是
更长远的保障
。
八、不赞成使用的标签和属性
在 HTML 4 中,有若干的标签和属性是被废弃的。被废弃(Deprecated)的意思是在未来版本的 HTML 和 XHTML 中将不支持这些标签和属性。
这里传达的信息很明确:请避免使用这些被废弃的标签和属性!
应该避免使用下面这些标签和属性:
标签 | 描述 |
<center> | 定义居中的内容。 |
<font> 和 <basefont> | 定义 HTML 字体。 |
<s> 和 <strike> | 定义删除线文本 |
<u> | 定义下划线文本 |
属性 | 描述 |
align | 定义文本的对齐方式 |
bgcolor | 定义背景颜色 |
color | 定义文本颜色 |
使用style样式:
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
删除字效果和插入字效果:<p>一打有 <del>二十</del> <ins>十二</ins> 件。</p>
一打有
二十
十二
件
九
、
引用、引用和术语定义
标签 | 描述 |
<abbr> | 定义缩写。 |
<acronym> | 定义首字母缩写。 |
<address> | 定义地址。 |
<bdo> | 定义文字方向。 |
<blockquote> | 定义长的引用。 |
<q> | 定义短的引用语。 |
<cite> | 定义引用、引证。 |
<dfn> | 定义一个定义项目。 |
本例演示如何使用 Cell padding 来创建单元格内容与其边框之间的空白。
本例演示如何使用 Cell spacing 增加单元格之间的距离。
十一、 HTML中DIV与SPAN的区别
1. div是块级元素, 实际上就是一个区域, 主要用于容纳其他标签。 默认的display属性是block
2. span是行内元素, 主要用于容纳文字。 默认的display属性是inline
区别:
div占用的位置是一行,
span占用的是内容有多宽就占用多宽的空间距离
十二、<!DOCTYPE html><html lang="en-US">
<!DOCTYPE HTML>//这个网页的文档类型,这个是html5的写法
<html lang="en">//这里的lang="en"可以删除,如果不删除的,用谷歌之类打开,它会认为是英文的,会自动给翻译(如果设置了自动翻译的话)
把<html lang="en">删掉或者把en改成zh,就成中文了
十三、<meta name="viewport" content="width=device-width, initial-scale=1.0">
十四、CSS中margin和padding的区别
在CSS中margin是指从自身边框到另一个容器边框之间的距离,就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离。
![http://image.studyofnet.com/upfileImages/20130728/20134828104816_0.jpg](http://image.studyofnet.com/upfileImages/20130728/20134828104816_0.jpg)
十五、HTML中th和td区别
<th>和<td>标签都是用于表格单元格显示的。不同的是<th>在单元格中加粗显示。
<th>:定义表格内的表头单元格。此th元素内部的文本通常会呈现为粗体。
请注意:在 HTML 4.01 中,th元素的 "bgcolor"、"height"、"width" 以及 "nowrap" 属性是不被赞成使用的。