码迷,mamicode.com
首页 > 其他好文 > 详细

文本元素、语义化元素

时间:2018-04-15 23:27:40      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:footer   网页   常见   语音   容器   广告   article   附加   结构   

元素

文本元素

  • h1-h6 :一级标题~6级标题
  • p:段落
  • blockquote:整段的引用
  • cite:对参考文献的引用

    当做标签来用的时候:用于资料文献引用 当做属性来用的时候:表示引用内容的出处(来源),浏览器会忽略,但是屏幕阅读器是可以识别的

  • q:小段文本的引用

    对引用的文本自动加上双引号

  • abbr对缩写词的引用

    显式缩写的内容(关键词),title属性是鼠标移上去(悬停)的时候显式的内容

  • strong:重要的文本

    文本加粗,语音阅读浏览器会着重阅读strong标签

  • em:强调的文本
  • b:应突出的文本
  • i:应区别对待的文本

em和i 标签都是斜体显式元素内容

语义

  • div 它是一个非常常见的元素、他没有任何的语义、它仅仅表示一个容器,用于包含其他元素、在网站布局时,它通常用于表示页面的区域(区块)

语义化结构元素

  • header:用于表示整个页面或者某个区域的头部,在页面中可以出现多次,它有两种写法,第一种:网页的头部(布局) 第二种:内容的标题
  • nav:用于表示导航栏
  • article:用于表示文章或者其他可独立页面存在的内容, 表示一个完整的,或者自成一体的内容块,比如文章、博客或者新闻报道
  • section:用于表示一个整体的一部分主题,适合以任何标题开头的内容块
  • footer:用于表示页面或某个区域的脚部
  • aside:用于表示跟周围主题相关的附加信息,表示与它周围文本没有密切关系的内容(AD表示广告,相关链接)
  • stction和div的区别:如果“标题开头的内容块”,其他的语义化都不适用,用section比div更合适

文本元素、语义化元素

标签:footer   网页   常见   语音   容器   广告   article   附加   结构   

原文地址:https://www.cnblogs.com/xiaowang192/p/8850090.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!