h5基础

HTML5语法的改变

• 标签不区分大小写
• 元素可以省略结束标签
• 元素的属性可以省略属性值
• 属性的属性值可以不使用引号

---

常用标签元素

• 标题标签: h1到h6依次变大 换行
• 段落标签: p 换行
• 水平线标签: hr 换行
• span与div的区别: span不换行，div换行
• p标签可以包含span，span不可以包含p标签
• div标签可以包含各种各样的内容，因此在h5之前，经常会大量使用div元素完成布局

文本格式化元素

• 粗体: b，strong
• 斜体: i， em
• 小号: small
• 上下标: sup， sub 比如: ₂⁴
• 文本显示方向: bdo 指定dir属性，该属性只能是ltr或者rtl

列表相关元素

• 有序列表: ol， 包含子元素li ， 它有三个属性: start: 指定列表项的起始数字，默认是第一个，如1，A等；type: 指定使用哪种类型的编号，如1，a，i(罗马数字)；reversed: 指定是否将排序反转。
• 无序列表: ul， 包含子元素li
• 定义层级列表: dl， 包含dt和dd两种子元素。dt: 定义标题列表项， dd: 定义普通列表项

H5新增的通用属性

• contentEditable: 允许开发者直接编辑HTML元素里的内容，具有可继承的特点
• designMode: 相当与一个全局的contentEditable属性，默认为off
• hidden: true/false，浏览器不再显示该组件，hidden="true"相当于CSS中设置display:none
• spellcheck: true/false，浏览器会负责对用户输入的文本内容执行输入检查

H5新增的常用元素

• 文档结构元素: <article…/>,<section…/>,<nav…/>,<aside…/>,<header…/>,<footer…/>等
• 语义相关元素: <mark…/>: 浏览器通常会用黄色显示标注的内容,<time…/>: 用来显示被标注内容是时间，日期
• 两个特殊功能的元素: <meter…>: 用于表示一个已知最大值和最小值的计数仪表；<progress…/>: 用于表示一个进度条

H5新增的拖放API

• <img…/>元素默认就是可拖动的；<a…/>元素只要设置了href属性，它默认也是可拖动的
• 对普通元素而言，如果希望把它变成可拖动的，开发者只要把该元素的draggable属性设为true即可