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