HTML-01

目录

全局属性

 html5新属性

 html5新语义元素

获得焦点问题

 html5书写规范

 video、audio的属性与方法

 重绘重排问题

html5新的input类型

 html5新的表单元素

html5中form和input新属性

---

全局属性

所有的标签都可以用的属性！

常见：id、class、style、title、contextmenu、contenteditable、data-*、hidden、lang、draggable、

 html5新属性

暂无

 

 html5新语义元素

常见：header、nav、article、section、aside、footer、time、meter、mark、progress、figure、hgroup、figcaption、contextmenu+menu

 

获得焦点问题

1.  a标签没有href属性不能获得焦点！
2.  tabindex属性：  0|-1|x

•  0： tab键可获取焦点
•  -1：tab键不可获取焦点
•  x：  x>0，x越小获取焦点优先级越高

 

 html5书写规范

 1. 使用button元素must指明type属性

 2. 可以省略结束标记的元素有：dd 、dt、 li 、p 、optgroup 、option、rt、rp、（thread、tfoot、tr、td、th）

 

 video、audio的属性与方法

方法：load()、play()、pause()

事件：play()、playing()、pause()、seeked()、seeking()、abort()

 

 重绘重排问题

重排（reflow）一定重绘（repaint·），重绘不一定重排

display:none元素不显示出来，不占据空间，涉及到DOM结构，会产生reflow与repaint

visibility:hidden元素不可见但存在，保留空间，不影响结构，只产生repaint,不可触发绑定事件

opacity:0元素不可见但存在，保留空间，不影响结构，可触发绑定事件

 

html5新的input类型

原有：text、password、radio、checkbox、(button、submit、reset)、file

不常见：image、hidden

1. color
2. 6个关于时间日期：date（年/月/日）、datetime(UTC时间)、datetime-local(年/月/日 时:分，无时区）、week（年：周）、month、time（时：分）
3. email（在提交表单时，会自动验证 email 域的值是否合法有效）
4. number
5. range（类似于滑动条）
6. search（类似站点搜索或者Google搜索）
7. tel
8. url（在提交表单时，会自动验证 url 域的值）

 

 html5新的表单元素

原有：label、（fieldset>legend(标题)）、（select>optgroup>option）、button（type：button|submit|reset）、form、input、textarea

新的

1. datalist
2. keygen：私钥（private key）存储于客户端，公钥（public key）则被发送到服务器
3. output

html5中form和input新属性

<form>新属性：autocomplete、novalidate

<input>新属性：

• autocomplete
• autofoucus
• form
• list
• placeholder
• required
• （formaction、formenctype、formmethod 、formtarget属性用于 type= submit | image）
• formnovalidate（用于type= submit）
• （height、width属性用于type= image）
• （min、max、step用于含数字或日期的 input 类型规定限定（约束））
• multiple（用于 type= email | file）
• pattern（描述了一个正则表达式用于验证 <input> 元素的值）