语义化的目的是为了搜索引擎更准确的抓取内容展示给用户,另外对获取数据和自动化编排页面带来方便。
像一些没有
语义的内容应该用
等通用标签进行样式化。
区分于普通文本
| 定义文本的文本方向,使其脱离其周围文本的方向设置。 |
| 定义有记号的文本。 |
| 定义预定义范围内的度量(不同值不同颜色)。 |
<pre>
| 定义预格式文本(可以包含Phrasing content,仅仅是空格换行也被显示而已)。 |
| 定义任何类型的任务的进度。 |
| 定义一个定义项目。 |
| 定义计算机代码文本。 |
| 定义计算机程序示例输出的文本。 |
| 定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。 |
| 定义变量。您可以将此标签与 <pre> 及 标签配合使用。
|
<data> 将一个指定内容和机器可读的翻译联系在一起(如书籍编号)
表单:
| 定义下拉列表。跟option区别 |
| 定义生成密钥。 |
| 定义输出的一些类型。 |
列表:
| 定义定义列表。 |
| 定义定义列表中的项目。 |
| 定义定义列表中项目的描述。连续多个dt都将由他们最后的第一个dd元素定义 |
Ordered List Element, 有序列表
Unordered List Element,无序列表
| 定义命令的菜单/列表。 |
| 定义用户可以从弹出菜单调用的命令/菜单项目。 |
| 定义命令按钮。 |
表格:
| 定义表格中一个或多个列的属性值。 |
| 定义表格中供格式化的列组。 |
节:
| 定义节段,嵌套来定义文档大纲或标题元素隐式分节。 |
| 定义页面内容之外的内容。如 评论、广告 |
| 定义表单元素的细节。 |
| 定义对话框或窗口。 |
| 为 元素定义可见的标题。 |
元信息:
兼容IE8
section, article, aside, footer, header, nav, hgroup { display:block;}