首页 > 其他 > 详细

第三天重要知识点归纳

时间:2018-04-15 21:41:37      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:元素   显示   per   布局   div   悬停   section   lang   就是   

文本元素(标签)

元素会默认些样式,最后都可以被CSS覆盖的

  • h1~h6标签:一级标题~6级标题
  • p标签:段落
  • q标签:小段内容引用,内容默认由双引号包括--“内容”
  • blockquote标签:大段内容引用
  • abbr标签:显示缩写内容(关键字)

如:<abbr title="HyperText Markup Language">HTML</abbr>
代码表示:页面有内容为HTML,鼠标移上去就会有“ ”里面的内容出现

title做为属性的时候:表示鼠标移上去(悬停)的时候显示的内容(全称)

  • cite标签:对于参考文献的引用,字体默认斜体

如:<a href="链接">
       <cite>
         W3C万维网联盟
       <cite>
    </a>
代码表示:页面有内容为W3C万维网联盟的内容,点击会跳转到所写的链接地址

cite做为属性的时候:表示引用内容的出处(来源)
如:<q cite="WWW.F49.com">
        内容...
    </q>
代码表示:q元素里面的内容是引用的WWW.F49.com,但是这样写,浏览器会忽略(即页面不会显示链接,只有内容),但是屏幕阅读器是可以识别的

  • strong标签:重要文本,字体默认加粗,语音阅读浏览器会着重阅读strong元素的内容,这个标签很少用
  • b标签:因突出显示的文本,字体默认加粗,这个标签已经淘汰,一般都不用了
  • em标签:语音阅读浏览器会着重阅读em元素的内容,字体默认斜体
  • i标签:字体默认斜体

div元素

它是一个非常常见的元素;它没有任何的语义;它仅仅表示一个容器,用于包含(嵌套)其它元素;网站布局的时候通常用它表示区域(区块)


语义化标签

语义:就是为了标签赋予某种意义,然后可以在不同的标签中放入不同的内容

  • header标签:用于表示页面或某个区域的头部;在页面中可以出现多次,通常情况下有两种使用方式:1.网页的头部(页眉) 2.内容的标题
  • nav标签:用于表示导航栏
  • aside标签:用于表示跟周围主题相关的附加信息(广告);(表示与它周围文本没有密切关系的内容(AD表示广告,相关链接))
  • article标签:用于表示文章或其它可独立页面存在的内容;(表示一个完整的,或者自成一体的内容块,比如:文章、博客或者新闻报道)
  • section标签:用于表示一个整体的一部分主题,适合以任何标题开头的内容块
  • footer:用于表示页面或某个区域的脚注

 

第三天重要知识点归纳

标签:元素   显示   per   布局   div   悬停   section   lang   就是   

原文:https://www.cnblogs.com/web-tq617/p/8849531.html

(0)
(0)
   
举报
评论 一句话评论(0
0条  
登录后才能评论!
© 2014 bubuko.com 版权所有 鲁ICP备09046678号-4
打开技术之扣,分享程序人生!
             

鲁公网安备 37021202000002号