Skip to content

@拓展:HTML5 新增标签

  1. 什么是语义化
  2. 新增了那些语义化标签
    • header --- 头部标签
    • nav --- 导航标签
    • article --- 内容标签
    • section --- 块级标签
    • aside --- 侧边栏标签
    • footer --- 尾部标签
  3. 使用语义化标签的注意
  • 语义化标签主要针对搜索引擎
  • 新标签可以使用一次或者多次
  • IE9 浏览器中,需要把语义化标签都转换为块级元素
  • 语义化标签,在移动端支持比较友好,
  • 另外,HTML5 新增的了很多的语义化标签,随着课程深入,还会学习到其他的

新增 input 标签

属性值说明
type="mail"输入 Email 邮箱
type="url"输入 URL 地址
type="date"输入 date 日期
type="time"输入 time 时间
type="month"输入 month 月份
type="week"输入 week 周
type="number"输入 number 数字
type="tel"输入手机号
type="search"搜索框
type="color"颜色值

新增表单属性

属性值说明
requiredrequired表单拥有该属性的内容不能为空,必填
placeholder提示文本(占位符)表单的提示信息,存在默认值将不显示
autofocusautofocus自动聚焦,页面加载完自动聚焦到指定表单
autocompleteoff/on当用户在字段开始键入时,浏览器基于之前键入过的值,
应该显示出在字段中填写的选项。
默认已经打开,如 autocomplete="on"
关闭 autocomplete="off"
- 需要放在表单内同时加,上 name 属性
- 同时成功提交

查文档

经常查阅文档是一个非常好的学习习惯。

W3C : http://www.w3school.com.cn/

MDN: https://developer.mozilla.org/zh-CN/