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）；
