HTML5(第一次)

来源:互联网 发布:mac 便笺 保存位置 编辑:程序博客网 时间:2024/05/22 13:58

HTML5中的标记方法

  • 内容类型(ContentType):text/html
  • DOCTYPE声明:<!DOCTYPE html>
  • 指定字符编码:<meta charset="UTF-8">

HTML确保的兼容性

  • 可以省略标记的元素
    • 不允许写结束标记的元素:area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、trank、wbr。
    • 可以省略结束标记的元素:li、dt、dd、p、rt、rp、optgroup、option、colgroup、thead、tbody、tfoot、tr、td、th。
    • 可以省略全部标记元素:html、head、body、colgroup、tbody。 -
  • 具有Boolean值的属性
<!--只写属性不写属性值代表属性为true--><input type="checkbox" cheched><!--不写属性代表属性为false--><input type="checkbox"><!--属性值=属性名,代表属性为true--><input type="checkbox" checked="checked"><!--属性值=空字符串,代表属性为true--><input type="checkbox" checked="">
  • 省略引号
    当属性值不包括空字符串、“<”、“>”、“=”、单引号、双引号等字符时,属性值两边的引号可以省略。
<!--请注意属性值两边的引号--><input type="text"><input type='text'><input type=text>

新增的结构元素

  1. section
  2. article
  3. aside
  4. header
  5. footer
  6. nav
  7. figure
  8. main

新增的其他元素

  1. video
  2. audio
  3. embed
  4. mark
  5. progress
  6. meter
  7. time
  8. ruby
  9. rt
  10. rp
  11. wbr
  12. canvas
  13. command
  14. details
  15. datalist
  16. datagrid
  17. keygen
  18. output
  19. source
  20. menu
  21. dialog

新增的input元素的类型

  1. email
  2. url
  3. number
  4. range
  5. Date Pickers
    1. date
    2. month
    3. week
    4. time
    5. datetime
    6. datetime-local

废除的元素

  1. 能使用CSS代替的元素:basefont、big、center、font、s、strike、tt、u等。
  2. 不再使用frame框架:frameset、frame、noframe。只支持iframe框架。
  3. 只有部分浏览器支持的元素:applet、bgsound、blink、marquee。
  4. 其他被废除的元素:
    1. rb 用ruby元素替代。
    2. acronym 用abbr替代。
    3. dir 用ul替代。
    4. isindex 用form元素与input元素结合的方式替代。
    5. listing 用pre元素替代。
    6. xmp 用code替代。
    7. nextid 用GUIDS替代。
    8. plaintext 用“text/plain”MIME类型替代。

新增的属性

  1. 表单相关的属性
  2. 连接相关的属性
  3. 其他属性

废除的属性
全局属性
新增的事件

原创粉丝点击