HTML5属性变化

目录

  • input增加类型 
  • 表单属性扩展
  • 链接属性 
  • 其他属性

*** input增加类型 ***





input标签属性变化















HTML5属性变化_第1张图片    






date


date:
month:
week:
time:
datetime:
datetime-local:

手机端:HTML5属性变化_第2张图片    pc端:HTML5属性变化_第3张图片

除了手机端,还增加了pc端比较厉害的类型:

HTML5属性变化_第4张图片





range











range:   color:HTML5属性变化_第5张图片

具体可参考《html5新增input类型总结》

 

*** 表单属性扩展 ***

HTML5属性变化_第6张图片





autocomplete


HTML5属性变化_第7张图片





autofocus




HTML5属性变化_第8张图片





multiple


HTML5属性变化_第9张图片





placeholder


HTML5属性变化_第10张图片  // 减少前端开发对表单校验的压力





required


具体可参考《表单新增属性教程》

 

*** 链接属性 ***(不仅仅是超链接)

HTML5属性变化_第11张图片// 根据不同的分辨率引用不同的size

HTML5属性变化_第12张图片  // target默认“_self”

【link标签中各个属性的意义:】

A:rel规定当前文档与被链接文档之间的关系;

B:sizes属性规定被链接资源的尺寸;

C:href规定被链接文档的位置;

D:media规定被链接文档将被显示在什么设备上

 

*** 其他属性 ***

HTML5属性变化_第13张图片 // async,加载js文件的同时也会加载页面body其余内容

【注意:defer属性只能兼容IE浏览器,chrome浏览器暂不兼容;

              async属性,兼容所有主流浏览器;





Script








这里是Body里面的内容,我们看一下什么时候加载……

 

HTML5属性变化_第14张图片 

// ol有序列表的开始数字为start,倒叙展示的仅仅是符号





Ol


  1. Html
  2. Html5
  3. Css
  4. Css3
  5. JavaScript

 

HTML5属性变化_第15张图片

 

HTML5属性变化_第16张图片 // 不提倡使用,不过需要了解知道

你可能感兴趣的:(前端基础入门,html/html5)