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脚本,也就是支持多线程,从而提高了页面的加载效率



评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值