文本元素语义化元素

Posted 2020-10-31 xiaowang192

元素

文本元素

• 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更合适