html5的新特性的总结

简化的文档类型和字符集

 1 文档类型

    <!DOCTYPE HTML>

 之所以这么简单,是因为HTML5不再是SGML(标准通用标记语言)的异步分,而是独立的标记语言,不再考虑文档类型

2 字符集

 <meta charset="UTF-8">

二 富有语义化的新结构元素

 <header>

      <h1></h1>

     <nav></nav>

 </header>

<section>

    <h1></h1>

    <p></p>

</section>

<footer>

</footer>


    section元素 可以认为div是section元素,一个普通的分块元素,可用来定义网站中的特定的可却别的区域

    header元素包括标题,logo,导航和其他页眉的内容,可以在网站上加多个header,就像给内容多个标题

    hgroup元素即将标题进行分组的元素

    footer元素 保全声明和作者信息,包含一些链接

    nav元素主要用于主导航菜单

   aside元素用途包含内容周围的相关内容

三  新增的内联元素

  <figure>

      <p></p>

     <img src=""/>

  </figure>

   figure元素一个典型用途是包含图像代码和其他内容对主要内容进行说明,删除不会影响主内容

   figcaption元素主要用于figure的标题

   mark元素突出显示以引用的内容,或者突出显示与用户当前活动相关的内容,他不同于en或strong元素

   time元素,当需要在内容中显示时间或者日期时候,则建议使用time元素

       time元素可以包含两个属性,一个datetime表示在元素中指定的确切日期和时间,pubdat3表示文章或者整个文档发布时time元素指定的时间和日期

    meter元素用于定义度量衡,规定最大最小宽度,通常要结合css一起使用

    progress元素用于定义一个进度条,有max和value两个属性

支持动态页面

 menu   http://www.w3school.com.cn/tags/tag_menu.asp

script标签中使用async属性

    用于指定异步执行的脚本

detail元素

  用于描述文档或者文档某个部分的细节

input  http://www.w3school.com.cn/tags/tag_input.asp

绘画功能和多媒体功能

canvas可以动态的绘制各种效果精美的图形,结合js就能让页面图形动起来

svg 绘制可伸缩的矢量图形

audio和video可以不依赖任何插件播放器音频和视频

离线缓存

web storage 

获取地理位置

Geolocation API 可以通过浏览器获取用户的地理位置

支持多线程

web worker对象,可以在后台运行js脚本,也就是支持多线程,从而提高了页面的加载效率



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值