1.Web開(kāi)發(fā)工具
- Sublime（輕量級(jí)） 而且有很多好用的插件
下載鏈接：http://pan.baidu.com/s/1jIurAzO 密碼：g9d4
-
Webstorm（重量級(jí)） 過(guò)于智能不建議初學(xué)者使用
下載鏈接：http://pan.baidu.com/s/1bo7gPKN密碼：q5sz注意：Webstrom是需要使用付費(fèi)注冊(cè)碼的,不過(guò)給大家提供了免費(fèi)生成的鏈接堡距。
2.HTML標(biāo)簽
詳細(xì)標(biāo)簽可參考：http://www.w3school.com.cn/tags/
標(biāo)簽大全
3.標(biāo)簽屬性
詳細(xì)標(biāo)簽屬性可參考：http://www.w3school.com.cn/tags/tag_a.asp
每個(gè)標(biāo)簽都有自己可以定義修改的屬性翘单，用來(lái)修改標(biāo)簽在html中的呈現(xiàn)形式
例如：
<a>標(biāo)簽：超文本，也就是網(wǎng)頁(yè)中的可以點(diǎn)擊鏈接到其它網(wǎng)頁(yè)的控件。
| 屬性 | 值 | 描述 |
|---|---|---|
| charset | char_encoding | HTML5 中不支持。規(guī)定被鏈接文檔的字符集查排。 |
| coords | coordinates | HTML5 中不支持。規(guī)定鏈接的坐標(biāo) |
| download | filename | 規(guī)定被下載的超鏈接目標(biāo) |
| href | URL | 規(guī)定鏈接指向的頁(yè)面的 URL |
| freflang | language_code | 規(guī)定被鏈接文檔的語(yǔ)言 |
| media | media_query | 規(guī)定被鏈接文檔是為何種媒介/設(shè)備優(yōu)化的 |
| name | section_name | HTML5 中不支持。規(guī)定錨的名稱 |
| rel | text | 規(guī)定當(dāng)前文檔與被鏈接文檔之間的關(guān)系 |
| rev | text | HTML5 中不支持疚顷。規(guī)定被鏈接文檔與當(dāng)前文檔之間的關(guān)系 |
| shape | default <br >rect<br >circle<br >poly | HTML5 中不支持。規(guī)定鏈接的形狀 |
| target | _blank<br >_parent<br >_self<br >_top | 規(guī)定在何處打開(kāi)鏈接文檔 |
| type | 規(guī)定被鏈接文檔的的 MIME 類型 |
4.標(biāo)簽語(yǔ)義化
好的語(yǔ)義化的網(wǎng)站標(biāo)準(zhǔn)就是去掉樣式表文件之后，結(jié)構(gòu)依然很清晰腿堤。
標(biāo)簽語(yǔ)義化概念：根據(jù)內(nèi)容的結(jié)構(gòu)化（內(nèi)容語(yǔ)義化）阀坏，選擇合適的標(biāo)簽（代碼語(yǔ)義化）
-標(biāo)簽語(yǔ)義化意義：
1:網(wǎng)頁(yè)結(jié)構(gòu)合理
2:有利于seo:和搜索引擎建立良好溝通，有了良好的結(jié)構(gòu)和語(yǔ) 義你的網(wǎng)頁(yè)內(nèi)容自然容易被搜索引擎抓劝侍础忌堂；
3:方便其他設(shè)備解析（如屏幕閱讀器、盲人閱讀器酗洒、移動(dòng)設(shè)備）
4:便于團(tuán)隊(duì)開(kāi)發(fā)和維護(hù)
注意：
1：盡可能少的使用無(wú)語(yǔ)義的標(biāo)簽div和span士修；
2：在語(yǔ)義不明顯時(shí)，既可以使用div或者p時(shí)樱衷，盡量用p, 因?yàn)閜在默認(rèn)情況下有上下間距棋嘲，對(duì)兼容特殊終端有利；
3：不要使用純樣式標(biāo)簽矩桂，如：b沸移、font、u等侄榴，改用css設(shè)置雹锣。
4：需要強(qiáng)調(diào)的文本，可以包含在strong或者em標(biāo)簽中strong默認(rèn)樣式是加粗（不要用b）牲蜀，em是斜體（不用i）笆制；
