HTML 基础2

1.Web开发工具

• Sublime（轻量级） 而且有很多好用的插件
  下载链接：http://pan.baidu.com/s/1jIurAzO 密码：g9d4

sublime快捷键

• Webstorm（重量级） 过于智能不建议初学者使用
  下载链接：http://pan.baidu.com/s/1bo7gPKN密码：q5sz

• 注意：Webstrom是需要使用付费注册码的,不过给大家提供了免费生成的链接。
  生成注册码

• 注意：如果激活不了点击这里
  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
rect
circle
poly HTML5 中不支持。规定链接的形状 target _blank
_parent
_self
_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）；

Web笔记首页目录