好贴搜集

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必须合理嵌套
	标签，属性，值小写
	转义字符	< ,>,&, ’ , ”	&lt ,&gt , &amp,&apos,&quot

 

参考

http://www.5icool.org/a/201006/537.html

http://www.cnblogs.com/yizuierguo/archive/2009/07/26/1531112.html

转载于:https://www.cnblogs.com/hemi/p/4287915.html