作者:小D申俊浩 | 来源:互联网 | 2023-08-07 08:29
很多html标签也具有语义的意义,也就是说元素本身传达了关于标签所包含内容类型的一些信息。h1标签的语义就是用它来标识特定网页或部分最重要的标题。也适合对页面内部一组介绍性或导航性
许多面试者表示:“谈论对HTML5语义化标签的理解。 那么,在这个博客中专门解答一下这个问题吧。
什么是语义元素? 词义是指正确解释单词或句子的意思。 很多html标签也有意义。 这意味着元素本身传达了有关标签中包含的内容类型的信息。 例如,如果浏览器
对于标签,标签将被解释为包含此块内容的最重要标题。 h1标记的含义用于标识特定网页或部分最重要的标题。为什么要语义化?语义化标签的优点
即使页面上没有css,代码结构:也可以呈现良好的内容结构
SEO:爬虫依赖标签来决定关键字的权重,可以与搜索引擎建立良好的沟通,帮助爬虫获取更多有效的信息
增强用户体验:例如,title和alt可以用于解释名称、解释图像信息和利用标签标签。
团队开发和维护:语义使代码更容易阅读,使其他开发人员更了解html结构并减少差别。
其他设备(如屏幕阅读器、盲人阅读器和移动设备)可以分析:并以有意义的方式呈现网页。
HTML5常用的语义元素 HTML5提供了定义网页不同部分的新语义元素,如图所示。 这些被称为“切片元素”
可以选择约100多个HTML语义元素。 一般意义要素如下
h1--h6元素定义页面标题,h1元素具有最高级别,h6元素具有最低级别
h1 toplevel heading/h1 sectionh 22 ndlevelheading/h2h 33 ndlevelheading/h3h 44 thlevelheading/h4h 55 thlevelheading/h5h 66 thlevelhelhelhelheading 通常包括网站徽标、主导航、所有网站链接和搜索框。 它还适用于标记页面中的一系列介绍性或导航性内容。
header h1 html reference/h1 nava home/a about/aa contact/a/nav/header nav元素定义页的导航链接部分区域不需要包含所有链接
在中,再次显示重要链接,如顶级全局导航或招聘信息(页脚除外)。 nava home/aa about/aa contact/a/nav
main元素定义页面的主要内容,每页只能使用一次。 在web APP应用程序的情况下,包围主要功能。
main h1my blogtest/h1 ploremipsumdolorsitamet,consecteturadipiscingelit.donecviverranecnullavitaemollis./ppetc./p/mmm 如果内部article和外部article是部分和整体关系,则可以有自己的header、footer和secticle的article可以嵌套。
articleheaderh 3a href=' my blog post/a/H3/headersectionploremipsumdolorsitamet,consecteturadipiscingelit.donecviveraral
Apr 29 in
Code 元素 元素用于标记文档的各个部分,例如长表单文章的章节或主要部分。
Section title Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra nec nulla vitae mollis.
元素 定义与主要内容相关的内容块。通常显示为侧边栏。
About the author Frontend Designer from Bordeaux, currently working for Improbable in sunny London.
元素 定义文档的底部区域,通常包含文档的作者,著作权信息,链接的使用条款,联系信息等
元素 为较不重要的内容定义小字体。如果被包围的字体已经是字体模型所支持的最小字号,那么 标签将不起任何作用。
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra nec nulla vitae mollis.
Posted on Apr 29 in Code 元素 把文本定义为语气更强的强调的内容,以表示内容的重要性。
HTML should only be used to write content , and keep CSS for styling the web page. 元素 标记内容着重点(大量用于提升段落文本语义),通常呈现为斜体文字。
HTML should only be used to write content , and keep CSS for styling the web page. 元素 定义块引用,浏览器会在 blockquote 元素前后添加换行,并增加外边距。cite属性可用来规定引用的来源
Here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation. 元素 解释缩写词。使用title属性可提供全称,只在第一次出现时使用就ok。
The PRC was founded in 1949. 转载:HTML语义化标签