1.html5语法的改变
HTML5简化了很多细微的语法,例如:
1.1doctype的声明;
html4:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
html5:
1.2字符编码:
html4:
html5:
HTML5的语法兼容HTML4和XHTML1,但不兼容SGML(标准通用标记语言)。html5有向下兼容
的特性,他可以完整的显示html4的内容;
1.3元素标记
不允许写结束标记的元素:br、embed、hr、img、input、link、meta、param。正确格式:<元素/>
1.4具有boolean值的属性
1.5省略引号
2.全局属性(所有标签都可以使用的属性)
1.contentEditable属性.允许用户对文本进行编辑,是布尔值类型,true为可编辑,false为不可编辑,默认为true2.designMode属性.规定页面是否可编辑,值为on/off,on为页面可编辑,off页面不可被编辑,必须在javascript中使用
3.hidden属性
4.spellcheck属性.针对input和textarea标签的文本拼写语法检查,拼写错误会提示
5.tabindex属性.规定按tab键之后的选择顺序,默认按tab键对链接元素和form表单有用,
通过tabindex属性可以使其他标签也可以按Tab键获取焦点,值为-1不会获取焦点
3.HTML5新增元素
3.1 新增的主体结构元素:artical,aside,section,nav,time,pubdate元素
artical标签通常表示文档,页面中独立的部分,一篇博客,文章或其他独立的部分,通常可以用来表示插件,可嵌套
这里是标题文本段落这里是评论区域正文在这里底部文本
artical aside标签通常表示当前页面或文章的附属信息,侧边栏,广告弹出框等,一个独立的部分
评论好好学习天天向上
asidesection内有标题有内容,强调分块或分段
标题内容
sectionnav主要用来做页面导航
导航1导航2导航3
navtime元素表示时间
2017-2-42017-2-42017-2-42017-2-4
timepubdate表示发布时间
2017-2-24
3.1 新增的非主体结构元素:address、header、hgroup、footer元素
address元素用来在文档中呈示联系信息,包括联系人,联系地址,邮箱,电话等联系信息
header元素(一个页面可以有多个):
导航1导航2导航3
hrader hgroup标签用于归类同一个标题下的子标题
大标题小标题这是正文
hgroupfooter元素:
版权信息站点地图联系方式
footer网页排版:
大标题首页帮助大标题小标题文本正文评论标题评论内容版权内容...
View Code4.HTML5新增表单元素与属性
form属性:
form属性
formaction属性:
<!--HTML4中,一个表单内的所有元素只能通过表单的action属性被统一提交到另一个页面, 在HTML5中可以为所有的提交按钮增加不同的formaction属性,使单击不同按钮可以将表单提交到不同页面按钮1按钮2按钮3
formaction属性formmethod属性: