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区别 | |
定义生成密钥。 | |
定义输出的一些类型。 |
列表:
<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]-->