html5语法总结

html5语法总结

<!doctype html>
<html>
<!--
<body>
<form>
<p><label>Search:<input name=search autofocus></label></p>
</form>
</body>
-->
<header>
    <meta charset="UTF-8">
</header>
<nav>ff</nav>
<article>gg</article>
<aside>hh</aside>
<footer>jjj</footer>
</html>
//当属性值两边不包含'>','<','=',' '时,两边的引号可以省略
//html,head,body可以不写
//新增元素section:页面中一个内容区块
//article:页面中一块与上下文不相干独立内容
//aside:article内容之外的与article辅助的信息
//hgroup:对整个页或一个内容块的标题组合
//nav:表示页面的导航链接
//figure:表示一段独立的流内容
//figcaption:为figure添加标题
<figure>
    <figcaption>PRC</figcation>
    <p>The people's </p>
</figure>
//video视频
//audio音频
<video src="movie.ogg" controls="conotrols"></video>
<audio src=""></audio>
//插入各种多媒体Midi,Wav,Aiff,Au,Mp3
<embed src="horse.wav"/>
//mark:在视觉上向用户显示需要突出显示的文字
<mark></mark>
//progress:显示JavaScript中耗时的进程
<meter></meter>
//time:表示日期或时间
<time></time>
//ruby
<ruby></ruby>
//wbr:br为必须换行,wbr:为够宽的情况下不换行
//canvas:表示图形(绘制API给客户端JS)
<canvas id=""  width="" height=""></canvas>
//command:命令按钮
<command label="cut">
//details用户要求得到并且也可得到的细节信息与summary配合
<details>
    <summary></summary>
</details>
//datalist:表示可选的数据列表(与input配合使用)
<datalist></datalist>
//datagrid表示可选的数据列表,以树形显示
<datagrid></datagrid>
//keygen:表示生成密钥
<keygen>
//sour>
ce:为媒介元素
<source>
//menu列出表单元素

未完待续。。。。。。