h5新增的内容和api

1、简化的文档类型和字符集

(1)文档类型


  之所以如此简单,是因为HTML5不再是SGML( Standard Generalized Markup language,标准通用标记语言)的一部分,而是独立的标记语言,不需要再考虑文档类型

(2)字符集


  只需要utf-8即可

2、富有语义化的新结构元素


  

HTML5新结构


  
  



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

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

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

  footer元素版权声明和作者信息,包涵一些链接

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

  article元素独立成文且以其他格式重用的内容应该置于一个article元素中

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

3、新增的内联元素  

图片

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

  figcaption元素主要用于figure的标题

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

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

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

  meter元素用于定义度量衡,规定最大最小宽高,通常要结合css一起作用,效果如下:

 h5新增的内容和api_第1张图片

  progress元素用于定义一个进度条,有max(完成值)和value(进度条当前值)两个属性。

4、支持动态页面

  1)菜单

  用于表单中组织控件列表,常用属性如下:

h5新增的内容和api_第2张图片

定义一个选择列表的例子:


    
  • a
  • b
  • c
  •   2)右键菜单

    h5新增的内容和api_第3张图片

      3)在

    你可能感兴趣的:(知识点)