语义化HTML标签
2012-07-12 11:08 413 0
什么是语义化标签？
HTML赋予了每个标签以不同的语义。高质量的HTML代码，要求我们在遵循HTML语法的同时，也应该遵循HTML的标签语义，如：
div 语义：Division(分隔)
span 语义：Span(范围)
ol 语义：Ordered List(排序列表)
ul 语义：Unordered List(不排序列表)
li 语义：List Item(列表项目)
...
HTML常用标签语义：
、
、
、
、
、
,作为标题使用，并且依据重要性递减。
是最高的等级。
由于一些浏览器会默认地把
元素显示为很大的字体，因此会有一些 web 开发者使用
元素代替
元素来显示最上层的标题。这样做不会对读者产生影响，但会使那些试图“理解网页结构
”的搜索引擎和其他软件感到迷惑。
请确保把
用于最顶层的标题，
和
用于较低的层级。
从语义上讲，它们应该适用于所有标题文字。
但这里会出现一个语义上的分歧。h1究竟该理解为一级标题呢还是理解为1号字体大小的标题。我通常理解为一级标题，一级标题下再有小标题就用h2。但是事实上回顾HTML设计之初，h1-h6后面的数字
更多的被理解为控制标题文字大小的。用h3或许只是为了使用三号大小的字体，而并非它就是三级标题。否则一级标题全用h1，个个都是斗大的字，又不得不用CSS来控制字号，感觉很累赘。所以，这是
一个待商榷的问题。
例如：
Code:
-
<h1>标题1</h1>
-
<h2>标题2</h2>
标签与标签
：标签语义为“加粗”
：标签语义为“强调”
当我们知道了标签和标签的语义时，做SEO时就好决定用哪个来强调重要的关键字了，强调用，纯粹加粗用
- 标签、
- 标签
- 语义: 定义无序列表
- 语义：定义列表项目
所以涉及到列表的项目，应该用
- 或
- 来布局，而不是 用或
甚至，当然也可以 用
-
应该要补充的是，别忘了li里面还可以再用ul或ol，形成第二级列表。
- 标签、
- 标签、
- 标签
- 语义：定义了定义列表
- 语义：定义了定义列表中的项目（即术语部分）
- 语义：定义列表中定义条目的定义部分
一些带标题的列表可采用
- 自定义列表
标签
语义：被用来组合文档中的行内元素
列如：
Code:
-
p span { color:#ff0000; font-weight:bold; }
-
<p>
-
<span>提示：</span>：这是提示内容
-
</p>
可以为 span 应用 id 或 class 属性，这样既可以增加适当的语义，又便于对 span 应用样式。
-
- 自定义列表
、
、 、 语义： 定义 HTML 表格 语义： 定义表格内的表头单元格 语义: 定义表格标题 标签、标签、标签 标签定义一个按钮
标签用于搜集用户信息，根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
控件 与 相比，提供了更为强大的功能和更丰富的内容。 与 标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。
语义：定义多行的文本输入控件 **<label> 标签** <label>语义： 为 input 元素定义标注（标记） **<center>，<font>不建议使用** -
- 来布局，而不是 用或
- 或
- 语义：定义有序列表
- 语义：定义列表项目
- 标签、
