HTML语义化不熟悉的标签

Tags
html
Created
May 4, 2015 1:08 PM

语义化的目的是为了搜索引擎更准确的抓取内容展示给用户,另外对获取数据和自动化编排页面带来方便。

像一些没有语义的内容应该用<span><div>等通用标签进行样式化。

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element

格式:

<i>          区分于普通文本

定义缩写。
定义文档作者或拥有者的联系信息。
定义文本的文本方向,使其脱离其周围文本的方向设置。
定义文字方向。
定义长的引用,q是短如术语,都有cite属性
定义引文引用(citation)。
定义短的引用。
定义被插入文本。
定义被删除文本。
定义有记号的文本。
定义预定义范围内的度量(不同值不同颜色)。
定义预格式文本(可以包含Phrasing content,仅仅是空格换行也被显示而已)。
定义任何类型的任务的进度。
定义 ruby 注释。
定义一个定义项目。
定义计算机代码文本。
定义计算机程序示例输出的文本。
定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。
定义变量。您可以将此标签与 <pre> 及 <code> 标签配合使用。
定义日期/时间。
<data> 将一个指定内容和机器可读的翻译联系在一起(如书籍编号)
定义换行位置。

表单:

定义选择列表中的选项。
定义下拉列表。跟option区别
定义生成密钥。
定义输出的一些类型。

列表:

定义定义列表。
定义定义列表中的项目。
定义定义列表中项目的描述。连续多个dt都将由他们最后的第一个dd元素定义

<ol>

Ordered List Element, 有序列表

<ul>

U

nordered List Element,无序列表

定义命令的菜单/列表。
定义用户可以从弹出菜单调用的命令/菜单项目。
定义命令按钮。

表格:

定义表格中一个或多个列的属性值。
定义表格中供格式化的列组。

节:

定义主要内容,只能有一个。
定义文章。

<nav>     文章相关的链接列表,如目录、header中的导航

定义节段,嵌套来定义文档大纲或标题元素隐式分节。
定义页面内容之外的内容。如 评论、广告
定义表单元素的细节。
定义对话框或窗口。
为 <details> 元素定义可见的标题。

元信息:

定义页面中所有链接的默认地址或默认目标。

兼容IE8

section, article, aside, footer, header, nav, hgroup { display:block;}

<!--[if lt IE 9]>   <script>     document.createElement("header" );     document.createElement("footer" );     document.createElement("section");     document.createElement("aside"  );     document.createElement("nav"    );     document.createElement("article");     document.createElement("hgroup" );     document.createElement("time"   );   </script> <![endif]-->

SuperMade with Super