HTML5的改变

一、语法的变化

1、扩展名与内容类型不变

扩展名为: .html 或 .htm
内容类型为:“text/html”

2、文档声明更加简洁
<!DOCTYPE html>
3、字符编码指定方式更简洁
<meta charset="utf-8">
4、不允许写结束标记的元素

br(换行)、hr(水平线)、imginputlinkmeta(html文档元数据)、base(为页面上的所有的相对链接规定默认 URL )、param(为包含它的 或者 标签提供参数)、area(定义图像映射内部的区域,图像映射指的是带有可点击区域的图像, 元素始终嵌套在 标签内部)、col(始终位于<colgroup>标签内部,规定了 <colgroup> 元素内部的每一列的列属性; 标签用于对表格中的列进行组合,以便对其进行格式化)、commandembed(定义了一个容器,用来嵌入外部应用或者互动程序/插件)、keygensource(为媒体元素,比如<video><audio>定义媒体资源)、track(为媒体元素规定外部文本轨道)、wbr(如果单词太长或者担心浏览器会在错误的位置换行,可以使用<wbr>来添加 Word Break Opportunity单词换行时机)

5、可以省略结束标记的元素

li(列表项)、dt(定义列表术语)、dd(定义列表描述项)、p(段落)、option(列表选项)、thead(表头)、tbody(表格主体)、tfoot(表格尾注)、tr(表格行)、td(数据单元格)、th(表头单元格)、rtrp(两者一起定义字符的解释或发音)、optgroup(把相关的选项option组合在一起)、colgroup(对表格中的列进行组合,以便对其进行格式化)

6、可以省略全部标记的元素

htmlheadbodycolgrouptbody

7、具有boolean值的属性

(1)只写属性不写属性值代表属性为true
(2)属性名=属性值 代表true
(3)属性名=“”,代表属性值为true
(4)不写属性名代表属性为false

8、属性值的指定

(1)<input type = "text"/>
(2)<input type = 'text'/>
(3)<input type = text/> 当属性值不包含空字符串、<、>、=、单引号、双引号等符号时,属性值两边的引号可以省略。

9、新增的结构元素

section、article、aside、header、footer、nav、figure、main

10、新增的其它元素

video、audio、embed(用来插入各种多媒体,格式可以是mp3、wav等)、mark(高亮显示)、progress(表示运行中的进程)、meter(度量给定范围内的数据)、time(表示日期或时间)、ruby、rt、rp(三个与注释相关的元素,如中文注音)、wbr(软换行)、canvas(画布)、command(命令按钮,只有IE9支持该标签)、detail(和summary标签一起,用于隐藏/显示细节信息)、datalist(定义选项列表,与 input 元素配合使用,定义 input 可能的值)、keygen(生成秘钥)、output(输出)、source(为媒介元素定义媒介资源)、menu(菜单列表)、dialog(对话框)

11、新增的input元素类型

email、url、number、range、date pickers

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值