柚子快報(bào)邀請(qǐng)碼778899分享：前端 HTML開(kāi)發(fā)指南

http://yzkb.51969.com/

目錄

一、HTML基礎(chǔ)1. HTML簡(jiǎn)介（1）標(biāo)記語(yǔ)言（2）結(jié)構(gòu)化文檔（3）標(biāo)簽與屬性（4）注釋?zhuān)?）版本演變

2. HTML文檔結(jié)構(gòu)（1）文檔類(lèi)型聲明（DOCTYPE）（2）HTML標(biāo)簽（3）頭部標(biāo)簽（head）（4）體標(biāo)簽（body）（5）頭部和尾部（6）HTML注釋

3. HTML標(biāo)簽（1）塊級(jí)元素（Block Elements）（2）內(nèi)聯(lián)元素（Inline Elements）（3）行內(nèi)塊元素（Inline-block Elements）（4）標(biāo)簽屬性（5）全局屬性（6）自定義數(shù)據(jù)屬性

二、HTML元素1. 塊級(jí)元素（1）什么是塊級(jí)元素？（2）常見(jiàn)的塊級(jí)元素（3）塊級(jí)元素的特點(diǎn)（4）使用塊級(jí)元素的注意事項(xiàng)

2. 內(nèi)聯(lián)元素（1）什么是內(nèi)聯(lián)元素？（2）常見(jiàn)的內(nèi)聯(lián)元素（3）內(nèi)聯(lián)元素的特點(diǎn)（4）使用內(nèi)聯(lián)元素的注意事項(xiàng)（5）內(nèi)聯(lián)元素與塊級(jí)元素的轉(zhuǎn)換

3. 行內(nèi)塊元素（1）什么是行內(nèi)塊元素？（2）常見(jiàn)的行內(nèi)塊元素（3）行內(nèi)塊元素的特點(diǎn)（4）使用行內(nèi)塊元素的注意事項(xiàng)（5）行內(nèi)塊元素與CSS（6）行內(nèi)塊元素在布局中的應(yīng)用

三、HTML屬性1. 通用屬性（1）class屬性（2）id屬性（3）style屬性（4）title屬性（5）lang屬性（6）dir屬性（7）tabindex屬性（8）accesskey屬性（9）data-*屬性

2. 事件屬性（1）鼠標(biāo)事件屬性（2）鍵盤(pán)事件屬性（3）表單事件屬性（4）窗口事件屬性（5）其他事件屬性

3. 全局屬性（1）class屬性（2）id屬性（3）style屬性（4）title屬性（5）lang屬性（6）tabindex屬性（7）accesskey屬性（8）draggable屬性（9）spellcheck屬性（10）translate屬性（11）data-*屬性

四、HTML表單1. 表單元素表單的創(chuàng)建輸入控件文本區(qū)域文件選擇表單驗(yàn)證

2. 表單屬性表單的`action`屬性表單的`method`屬性表單的`enctype`屬性表單的`target`屬性輸入控件的`name`屬性輸入控件的`readonly`和`disabled`屬性輸入控件的`placeholder`屬性輸入控件的`pattern`屬性

3. 表單驗(yàn)證表單驗(yàn)證的重要性HTML5的表單驗(yàn)證功能1. 輸入類(lèi)型驗(yàn)證2. `pattern`屬性3. `required`屬性4. `minlength`和`maxlength`屬性5. `min`和`max`屬性6. `step`屬性

實(shí)現(xiàn)自定義驗(yàn)證消息驗(yàn)證反饋跨瀏覽器兼容性結(jié)論

五、HTML5新特性1. 語(yǔ)義化標(biāo)簽語(yǔ)義化標(biāo)簽的定義HTML5中的主要語(yǔ)義化標(biāo)簽`