您的位置:首页 > Web前端 > HTML5

HTML5 语法

2015-06-30 22:26 766 查看

HTML5 语法

HTML5语法规则

DOCTYPE及字符编码

大小写都可以

布尔值

省略号

可以进行省略的标签

可以进行省略的标签

1、不允许写的结束符的标签:area、basebr、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr

2、可以省略结束符的标签:li、dt、dd、p、rt、optgroup、option、colgroup、thread、tbody、tr、td、th、

3、可以完全省略的标签:html、head、body、colgroup、tbody

新增/删除标签

结构标签

section标签(表示页面中的一个内容区块,比如章节、页眉、页脚或页面的其它部分。可以和h1、h2……等标签结合起来使用,表示文档结构。例如:HTML5中
<section>.....</section>
HTML4中
<div>......</div>
)
article标签(表示页面中与上下文不相关的独立内容。比如一篇文章)
aside标签(表示article标签内容之外的、与article标签内容相关的辅助信息)
header标签(表示页面中一个内容区块或整个页面的标题)
hgroup标签(表示对整个页面或页面中的一个内容区块的标题进行组合)
footer标签(表示整个页面或页面中一个内容区块的脚注。一般来说,它会包含创作者的姓名,创作日期以及创作者的联系信息)
nav标签(表示页面中导航链接部分)
figure标签(表示一段独立的流内容,一般表示文档主体流内容中的一个独立单元。使用figcaption标签为figure标签组添加标题,例如:

<figure>
<figcaption>PRC</figcaption>
<p>The People's of China war born in 1949</p>
</figure>
HTML4中常写作
<dl>
<h2>prc</h2>
<p>The People's of China war born in 1949</p>
</dl>


)


表单标签

email

必须输入email

url

必须输入url地址

number

必须输入数值

range

必须输入一定范围内数值

Date Pickers

拥有多个可供选取日期和时间的新输入类型:

date - 选取日、月、年

month - 选取月、年

week - 选取周、年

time - 选取时间(小时和分钟)

datetime - 选取时间、日、月、年(UTC时间)

datetime-local - 选取时间、日、月、年(本地时间)

search

用于搜索域,域显示为常规的文本域

color

媒体标签

video标签

定义视频。像电影片段或其他视频流。例:
<video src="movie.ogg" controls="controls">video标签</video>


HTML4中写法:

<object type="video/ogg" data="move.ogv">
<param name="src" value="movie.ogv">
</object>


-   audio标签
定义音频。如音乐或其他音频流。例:`<audiosrc="someaudio.wav">audio标签</audio>`
HTML4中写法:


<object type="application/ogg" data="someaudio.wav">
<param name="src" value="someaudio.wav">
</object>


- embed标签
用来嵌入内田(包括各种媒体)。格式可以是Midi、Wav、AIFF、AU、MP3、flash等。例:`<embed src="flash.swf" />`;
HTML4中`<object data="flash.swf" type="application/x-shockwave-flash"></object>`


- 其他功能标签

- mark标签

- progress标签

- time标签

- ruby标签

- rt标签

- wbr标签

- canvas标签

- command标签

- details标签

- datalist标签

- keygen标签

- output标签

- source标签

- menu标签

可以用CSS代替的标签

不再使用frame

只有个别浏览器支持的标签

其他不常用的标签
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: