HTML 基础2

2017-06-21  本文已影响0人  陈皮的柚子怪

1.Web开发工具

sublime快捷键

生成注册码

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);

Web笔记首页目录

上一篇 下一篇

猜你喜欢

热点阅读