HTML5语义化
语义化的命名：
语义化标签：
|
类别 |
标签名 |
用法与含义 |
例子 |
备注 |
|
标题类
|
title |
网页标题 |
<title>欢迎光临一醉的博客</title> |
|
|
H系列 |
大纲级别标题(有更好的解释吗？) |
<h1>一级标题</h1> |
|
|
|
caption |
表格标题，指定表格的简要描述 |
<caption>成绩单表格</caption> |
|
|
|
legend |
表单元素<fieldset>标题，表单描述 |
<legend>用户登录</legend> |
|
|
|
内容类
|
p |
表示段落，也可以用于区分段落 |
<p>从前有座山</p><p>我爱姚明</p> |
|
|
br |
段落换行标签 |
<p>窗前明月光<br/> |
属于表现层标签 |
|
|
a |
超链接，用于网页或者锚点 |
<ahref=”http://www.cnblogs.com/yizuierguo”>一醉的博客</a> |
|
|
|
Strong & em |
强调 |
<p>从前有座<strong>山</strong></p> |
|
|
|
Ins & del |
插入 / 删除 |
<p>有个<del>借</del><ins>错</ins>别字,哇哈哈！</p> |
|
|
|
Abbr & acronym |
缩略语 |
<abbr title=”WORLD WIDE WEB”>WWW</abbr> |
Abbr & acronym使用有区别 |
|
|
dtn |
术语定义 |
<p><dtn title=”Mozilla推出的浏览器”>Firefox</dtn>不错</p> |
|
|
|
kdd |
用户由键盘输入的文字 |
<p>按<kdd>TAB</kdd>键测试一下</p> |
|
|
|
Code & var |
对编码进行标识 |
<code><var>wordcount</var>=4000;</code> |
<code>是不换行的 |
|
|
pre |
代码原型化呈现 |
|
<pre>与<code>配合使用 |
|
|
samp |
定义一个”输出”的 内容 |
<p>你点删除，网页就会显示<samp>该会话已删除</samp></p> |
|
|
|
blockquote |
定义长篇引用 |
< blockquote cite=”http://www.yizui.com”><p>人的一生</p></ blockquote> |
Cite定义引用地址 |
|
|
列表类
|
ul |
无序列表 |
< ul><li>项目一</li><li>项目二</li></ ul> |
|
|
ol |
有序列表 |
< ol><li>表白(萧亚轩)</li><li>慈悲(郑钧)</li></ ol> |
|
|
|
dl |
自定义列表 |
<dl><dt>事件<dt></dd>汶川大地震</dd></dl> |
|
|
|
表格类
|
Table |
表格主体 |
|
|
|
caption |
表格标题，指定表格的简要描述 |
<caption>成绩单表格</caption> |
|
|
|
Tr th td |
行 标题 单元格 |
<tr><td>一醉</td></tr> |
|
|
|
Thead tbody tfoot |
表格头部 主体 尾部 |
|
|
|
|
Colgroup col |
列群组 列 |
|
|
|
|
表单类
|
form |
定义表单区域 |
|
|
|
Fieldset & legend |
对表单元素进行分组 |
|
|
|
|
Label |
|
|
|
|
|
input |
|
|
|
|
|
Select & option |
|
|
|
|
|
注释类 |
<!-- --> |
|
|
|
|
Xhtml类
|
DOCTYPE |
文档声明 |
|
|
|
Xhtml必须合理嵌套 |
|
|
|
|
|
标签，属性，值小写 |
|
|
|
|
|
转义字符 |
< ,>,&, ’ , ” |
< ,> , &,&apos," |
|
参考
http://www.5icool.org/a/201006/537.html
http://www.cnblogs.com/yizuierguo/archive/2009/07/26/1531112.html
posted on
