1、
HTML5的文档类型声明 <!DOCTYPEhtml>
2、
从HTML5开始，文件的字符编码推荐使用UTF-8
<meta charset=“UTF-8”>
字符编码应该与浏览器默认编码一致，否则会出现乱码。
3、
HTML5文档省略了<html> 、<head>、<body>等元素。但虽然标记被省略了，它们在文档结构中还是存在的。
如：可以使用document.body访问body元素。
4、
布尔值
a. 只写属性而不指定属性值时，表示属性为True
<input type=“checkbox” checked>
b. 想要将属性值设为false，可以不使用该属性
<input type=“checkbox”>
c. 想要将属性设定为true时，可以将属性名设定为属性值
<input type=“checkbox” checked=“checked”>
5、
语义化结构元素有：header/footer/section/article/aside/nav/main/figure
a. section
表示页面中一个内容区块，如章节、页眉、页脚或页面中的其他部分。可以用来与h1、h2、h3、h4、h5、h6等元素结合使用，标示文档结构。
b. article
表示页面中的一块与上下文不相关的独立内容。如博客中的一篇文章。
c. figure
表示一段独立的流内容，一般表示文档主体流内容中的一个独立单元。可以使用figcaption元素为figure元素组添加标题。
6、
功能元素有：
group/video/audio/embed/mark/dialog/bdi/figcaption/canvas/output/source/menu/canvas/progress
a. video
定义视频 <video src=”movie.mpg”controls=”controls”> video元素
b. audio
定义音频 audio元素
c. mark
主要用来在视觉上向用户呈现那些需要突出显示或高亮显示的文字。如在搜索结果中向用户高亮显示搜索关键词。
d. dialog
定义对话框窗口。 这是打开的对话窗口
e.canvas
表示图形，如图表和其它图像。它本身没有行为，仅仅提供一块画布，但它把一个绘图API展现给客户端Javascript，以使脚本能够绘制图形到画布上。
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.moveTo(10,10);
cxt.lineTo(150,50);
cxt.lineTo(10,50);cxt.stroke();
</script>
7、
表单元素有：
tel/search/url/email/datetime/date/month/week/time/datetime-local/number/range/color
a.tel
表示必须输入电话号码的文本框 <input type=”tel”/>
b.search
表示搜索文本框。
<input type=”search”/>
c.number
表示必须输入数字的文本框
<input type=”number”/>
d.range
表示范围文本框
e.color
表示颜色文本框
8、
新增表单属性：
a.为input、select、textarea与button元素新增加autofocus属性。
b.input元素与textarea元素新增placeholder属性，对用户的输入进行提示。
c.为input元素与textarea元素新增required属性。
d.为input元素增加autocomplete、min、max等属性。
e.为input元素、button元素、form元素增加了novalidate属性，该属性可以取消提交时进行的有关检查，表单可以无条件地提交。
9、
其它属性有：
a.为ol元素增加属性reversed，它指定列表倒序显示。
b.为script元素增加async属性，它定义脚本是否异步执行。
10、
HTML5全局属性有：
contentEditable/contextmenu/data-*/draggable/dropzone/hidden/spellcheck/translate
a.draggable
可以定义元素是否可以被拖动。
IE9+、Firefox、Opera、Chrome和Safari都支持draggable属性。
b.hidden
设置元素可见状态。除了IE，所有主流浏览器都支持。
c.spellcheck
定义是否对元素进行拼写和语法检查，可以对以下内容进行拼写检查。
d. input元素中的文本值
e.元素中的文本
<textarea spellcheck=”true”></textarea>
f.可编辑元素中的文本
如果元素的readonly或者disabled属性为true,则不执行拼写检查。
IE10+和主流浏览器都支持spellcheck属性。
|