HTML 基础2

1.Web开发工具

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

sublime快捷键

• 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中的呈现形式
  例如：
  标签：超文本，也就是网页中的可以点击链接到其它网页的控件。

属性	值	描述
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笔记首页目录