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、wbr2、可以省略结束符的标签: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
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
只有个别浏览器支持的标签
其他不常用的标签
相关文章推荐
- Html5 ontouchstart与ontouchend
- HTML5 获得音视频播放
- 20个大大节省你时间的HTML5开发工具
- 20个大大节省你时间的HTML5开发工具
- H5基于iScroll实现下拉刷新,上拉加载更多
- HTML5 div css3漂亮的侧边菜单栏
- (一)html5中的新增元素和废除元素
- 今日之学-bug修改
- html5桌面通知,notification的使用,右下角出现通知框
- html5之meta标签viewport应用
- html5学习笔记(2)
- html5学习笔记(1)简介
- 利用html5中的localStorage获取网页被访问的次数
- html5的本地存储localStorage和sessionStorage
- HTML5 data-* 自定义属性
- HTML5图片旋转
- 使用jTopo给Html5 Canva中绘制的元素添加鼠标事件_html5教程技巧
- 使用jTopo给Html5 Canva中绘制的元素添加鼠标事件_html5教程技巧
- 使用jTopo给Html5 Canva中绘制的元素添加鼠标事件_html5教程技巧
- HTML5的data-*自定义属性