HTML5技术

html4与html5的区别 - Aqiaoba

字号+ 作者:H5之家 来源:H5之家 2017-02-23 13:00 我要评论( )

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和XHTML

 

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为不可编辑,默认为true
2.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标签通常表示当前页面或文章的附属信息,侧边栏,广告弹出框等,一个独立的部分

评论好好学习天天向上

aside

 section内有标题有内容,强调分块或分段

标题内容

section

 nav主要用来做页面导航

导航1导航2导航3

nav

 time元素表示时间

2017-2-42017-2-42017-2-42017-2-4

time

 pubdate表示发布时间

2017-2-24

3.1 新增的非主体结构元素:address、header、hgroup、footer元素

address元素用来在文档中呈示联系信息,包括联系人,联系地址,邮箱,电话等联系信息

header元素(一个页面可以有多个):

导航1导航2导航3

hrader

hgroup标签用于归类同一个标题下的子标题

大标题小标题这是正文

hgroup

footer元素:

版权信息站点地图联系方式

footer

网页排版:

大标题首页帮助大标题小标题文本正文评论标题评论内容版权内容...

View Code

4.HTML5新增表单元素与属性

form属性:

form属性

formaction属性:

<!--HTML4中,一个表单内的所有元素只能通过表单的action属性被统一提交到另一个页面, 在HTML5中可以为所有的提交按钮增加不同的formaction属性,使单击不同按钮可以将表单提交到不同页面按钮1按钮2按钮3

formaction属性

formmethod属性:

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5自定义播放器(简式) - Ace呼噜鳄

    HTML5自定义播放器(简式) - Ace呼噜鳄

    2017-02-23 12:02

  • HTML5 虚拟键盘出现挡住输入框的解决办法 - fiona118

    HTML5 虚拟键盘出现挡住输入框的解决办法 - fiona118

    2017-02-13 14:00

  • HTML5动画(一):实现树叶飘落 - 孟然

    HTML5动画(一):实现树叶飘落 - 孟然

    2017-02-10 12:00

  • 02月刊(上) | 微信小程序 - HTML5学堂

    02月刊(上) | 微信小程序 - HTML5学堂

    2017-02-08 14:02

网友点评
d