1.Web開發工具
- Sublime（輕量級） 而且有很多好用的插件
下載鏈接：http://pan.baidu.com/s/1jIurAzO 密碼：g9d4
-
Webstorm（重量級） 過于智能不建議初學者使用
下載鏈接：http://pan.baidu.com/s/1bo7gPKN密碼：q5sz注意：Webstrom是需要使用付費注冊碼的,不過給大家提供了免費生成的鏈接。
2.HTML標簽
詳細標簽可參考：http://www.w3school.com.cn/tags/
標簽大全
3.標簽屬性
詳細標簽屬性可參考：http://www.w3school.com.cn/tags/tag_a.asp
每個標簽都有自己可以定義修改的屬性，用來修改標簽在html中的呈現形式
例如：
<a>標簽：超文本，也就是網頁中的可以點擊鏈接到其它網頁的控件。
| 屬性 | 值 | 描述 |
|---|---|---|
| charset | char_encoding | HTML5 中不支持。規定被鏈接文檔的字符集。 |
| coords | coordinates | HTML5 中不支持。規定鏈接的坐標 |
| download | filename | 規定被下載的超鏈接目標 |
| href | URL | 規定鏈接指向的頁面的 URL |
| freflang | language_code | 規定被鏈接文檔的語言 |
| media | media_query | 規定被鏈接文檔是為何種媒介/設備優化的 |
| name | section_name | HTML5 中不支持。規定錨的名稱 |
| rel | text | 規定當前文檔與被鏈接文檔之間的關系 |
| rev | text | HTML5 中不支持。規定被鏈接文檔與當前文檔之間的關系 |
| shape | default <br >rect<br >circle<br >poly | HTML5 中不支持。規定鏈接的形狀 |
| target | _blank<br >_parent<br >_self<br >_top | 規定在何處打開鏈接文檔 |
| type | 規定被鏈接文檔的的 MIME 類型 |
4.標簽語義化
好的語義化的網站標準就是去掉樣式表文件之后，結構依然很清晰。
標簽語義化概念：根據內容的結構化（內容語義化），選擇合適的標簽（代碼語義化）
-標簽語義化意義：
1:網頁結構合理
2:有利于seo:和搜索引擎建立良好溝通，有了良好的結構和語 義你的網頁內容自然容易被搜索引擎抓取；
3:方便其他設備解析（如屏幕閱讀器、盲人閱讀器、移動設備）
4:便于團隊開發和維護
注意：
1：盡可能少的使用無語義的標簽div和span；
2：在語義不明顯時，既可以使用div或者p時，盡量用p, 因為p在默認情況下有上下間距，對兼容特殊終端有利；
3：不要使用純樣式標簽，如：b、font、u等，改用css設置。
4：需要強調的文本，可以包含在strong或者em標簽中strong默認樣式是加粗（不要用b），em是斜體（不用i）；
