标签：
1、结构标签 （1）section：独立内容区块，可以用h1~h6组成大纲，表示文档结构，也可以有章节、页眉、页脚或页眉的其他部分； （2）article：特殊独立区块，表示这篇页眉中的核心内容； （3）aside：标签内容之外与标签内容相关的辅助信息； （4）header：某个区块的头部信息/标题； （5）hgroup：头部信息/标题的补充内容； （6）footer：底部信息； （7）nav：导航标签 （8）figure：独立的单元，例如某个有图片与内容的新闻块。 2、表单标签 （1）email：必须输入邮件； （2）url：必须输入url地址； （3）number：必须输入数值； （4）range：必须输入一定范围内的数值； （5）Date Pickers：日期选择器； a.date：选取日、月、年 b.month：选取月、年 c.week：选取周和年 d.time：选取时间（小时和分钟） e.datetime：选取时间、日、月、年（UTC时间） f.datetime-local：选取时间、日、月、年（本地时间） （6）search：搜索常规的文本域； （7）color 3、媒体标签 （1）video：视频 （2）audio：音频 （3）embed：嵌入内容（包括各种媒体），Midi、Wav、AU、MP3、Flash、AIFF等。 4、其他功能标签 （1）mark：标注（像荧光笔做笔记） （2）progress：进度条；<progress max="最大进度条的值" value="当前进度条的值"> （3）time：数据标签，给搜索引擎使用；发布日期<time datetime="2014-12-25T09:00">9：00</time> 更新日期<time datetime="2015-01-23T04:00" pubdate>4:00</time> （4）ruby和rt：对某一个字进行注释；<ruby><rt>注释内容</rt><rp>浏览器不支持时如何显示</rp></ruby> （5）wbr：软换行，页面宽度到需要换行时换行； （6）canvas：使用JS代码做内容进行图像绘制； （7）command：按钮； （8）deteils ：展开菜单； （9）dateilst：文本域下拉提示； （10）keygen:加密；
manifest属性：定义页面需要用到的离线应用文件，一般放在<html>标签里 charset属性：meta属性之一,定义页面的字符集 sizes属性：<link>新增属性，当link的rel="icon"时，用以设置图标大小 defer属性：script标签属性，表示脚本加载完毕后，只有当页面也加载完毕才执行（推迟执行） async属性：script标签属性，脚本加载完毕后马上执行，即使页面还没有加载完毕（异步执行） media属性：<a>元素属性：表示对何种设备进行优化 hreflang属性：<a>的属性，表示超链接指向的网址使用的语言 ref属性：<a>的属性,定义超链接是否是外部链接 reversed属性:<ol>的属性，定义序号是否倒叙 start属性：<ol>的属性，定义序号的起始值 scoped属性：内嵌CSS样式的属性，定义该样式只局限于拥有该内嵌样式的元素，适用于单页开发 seamless:<iframe>的属性，定义该框架没有边框没有边距 srcdoc:<iframe>的属性,定义该框架的内容，会覆盖src属性的内容 sandbox:<iframe>的属性，定义该框架在安全级别上受到严格限制，比如不允许打开框架中的超链接等，相当于将框架中的内容设置为异源
1.可直接在标签里插入的： data-自定义属性名字； hidden（直接放上去就是隐藏）； spellcheck="true"（语法纠错）； tabindex="1"（Tab跳转顺序）； contenteditable="true"(可编辑状态，单击内容，可修改)； 2.在JavaScript里插入的 window.document.designMode = ‘on‘（JavaScript的全局属性，整个页面的文本都可以编辑了）；
标签：
原文地址：http://www.cnblogs.com/xiaohangzi/p/5920999.html
