HTML5总结

1 html5 语义化标签

• header 页面当中的页眉，也叫头部部分

• nav 导航链接，页面当中的菜单导航

• footer 页面当中的页脚，也叫底部部分

• article 页面当中独立的内容

• section 页面当中的区块

• aside 页面当中内容的之外内容，也叫题外话，通常用做页面中的侧边栏

• datalist 定义选项列表，跟 input 配合使用，datalist 标签的 id 要跟 input 的 list 一致

• audio 用来引入音频文件

  • src 音频文件引入的地址

  • controls 工具栏，播放、音量控制、播放进度显示

  • autoplay 自动播放

  • loop 循环播放

  • source 引入不同格式的音频文件，确保每种浏览器都能正常播放

• video 用来引入视频文件

  • src 视频文件引入地址

  • controls 工具栏，播放、音量控制、播放进度显示、全屏按钮

  • autoplay 自动播放

  • loop 循环播放

  • source 引入不同格式的视频文件，确保每种浏览器都能正常播放

2 input 新增type值

• date 可以选择⽇期

• time 可以选择时间

• month 可以选择年月

• week 可以选择周

• search 比普通文本框多一个清楚按钮

• range 可拖动滑动框

  • min max 最小最大值

  • step 每次拖动的数值

  • value 默认值

• url 输入框内容验证为网址

• email 输入框内容验证为邮箱

• number 数字输入框

3 input 新增属性

• placeholder 输入框输入提示语

• multiple 配合 file 输入框，进行多文件选取

• required 必填项

• autocomplete 自动完成

  • autocomplete=“on” 开启，autocomplete=“off” 关闭

  • 可以设置在 form 标签，当前表单全部开启

  • 可以给每个 input 单独设置

• autofocus 自动获取焦点