HTML5 元素标记
不允许写结束标记:area、base、br、col、command、embed、hr、img、 input、keygen、link、meta、param、source、track、 wbr
不允许<元素></元素>
可以:<元素/>
可省略结束标记的元素:li、dt、dd、p、rt、rp、optgroup、option、 colgroup、thead、tbody、tfoot、tr、td、th
可以省略全部标记的元素:html、head、body、colgroup、tbody
元素即使被省略还是会隐式存在。可以访问
省略引号
Html制定属性值是可以用双引号或单引号,html5规定,当属性值不包括空字符串、<、>、=、单引号、双引号等字符时,属性值两边的引号可以省略。以下写法均可:
<input type=”text”>
<input type=’text’>
<input type=text>
新增元素
² 布局元素:html5新增一些块元素将页面中的内容归类,使页面布局更加规整,适合文字较多的新闻网站、博客等
section :表示页面中的一个内容区块,比如章节、页眉、页脚或页面中的其他部分。
article:独立内容,不与页面中上下文相关。如:博客中的一篇文章或报纸中的一篇文章。
aside:表示article元素的内容之外的与article元素内容相关的辅助信息。
header:页面中一个内容区块或整个页面的标题。
hgroup:对整个页面(document)或页面中一个内容区块(section)的标题进行组合。
footer:整个页面(document)或页面中一个内容区块(section)的注脚。一般包含创作者姓名、日期、联系方式。
nav:页面中导航链接部分。
figure:一段独立的流内容(图像、图表、照片、代码等)。Figure元素的内容应该与主内容相关,但如果被删除不应对文档流产生影响。使用figcaption元素为figure元素组添加标题。
² 媒体元素
embed:插入各种媒体。格式:midi,wav,aiff,au.mp3等。
video:定义视频。
audio:定义声音。
source:为媒介元素定义媒介资源。
² 其他元素
mark:突出显示或高亮显示文字
progress:运行中的进程。
time:日期时间。
ruby:ruby注释
rt:中文注音或字符的解释或发音.
rp:ruby注释中使用,定义浏览器不支持ruby所显示的内容。
说明:ruby,rt,rp一起使用。ruby 元素由一个或多个字 符(需要一个解释/发音)和一个提供该信息的 rt 元 素组成,还包括可选的 rp 元素,定义当浏览器不 支持 "ruby" 元素时显示的内容。
wbr:软换行。页面中文字较长时,担心浏览器会在错误位置换行。在浏览器或父容器宽度不足时可使用此标记告诉浏览器需要在什么位置换行。与br不同的是br强制换行。Wbr在父容器宽度不够时自动换行。
canvas:为图形元素提供一块画布。展示脚本绘制的图形。
command:命令按钮。(没有浏览器可以支持)。
details:描述文档或文档某个部分的细节。(只有chrom支持)。
提示:与 <summary> 标签 配合使用可以为 details 定义标题。标题是可见的, 用户点击标题时,会显示出 details。"summary" 元素应该是"details" 元 素的第一个子元素。
summary:details元素的标题。
datalist:可选数据的列表 。与input配合使用。定义input可能的值。Datalist及其选项不会被显示出来,它仅仅是合法的输入值列表。用input中的list来绑定datalist。(除IE,safari均支持)
keygen:生成秘钥。提交表单时私钥存储在本地,公钥发送到服务器。(IE不支持)
output:不同类型的输出。
menu:菜单列表。用于上下文菜单、工具栏以及用于列出表单控件和命令(均不支持)
² input类型
email,url,number,range,date,month,week,time,datetime,datetime-local