[英]Difference between putting text in <h1>, <h2>, <p> or just <div>
例如,如果我想显示任何文本,将其放在<h1>
, <h2>
, <p>
或只是<div>
标记之间有什么区别? 它仅有助于更好的可读性和更好的SEO吗?
实际上是SEO,CSS,可读性和语义。
值得一提的是,浏览器会自动添加一些空白(边距),并将显示设置为在<p>
标记之前和之后阻止 ,它们是用来保存文本的,但是,它们不知道空白,这与其他标记不同,例如pre
,最终都是标签来保存文本值。
标题<h1>....<h6>
实际上是SEO的角色扮演者,它们在每页上的计数都很重要,而且可读性也很明显!
<div>
的意思是划分您的元素以构建页面,而其他标签(如section
, article
的header
...等)只是我们知道的div的别名,我们以它们的名称来面对他们使我们的生活更轻松!
不同之处在于浏览器使用默认样式(例如,没有任何CSS,用h1
编写的文本看起来与p
文本不同,样式因浏览器而异)。 要取消设置默认样式,使用了一种通常称为CSS Normalize或CSS reset的技术。 此外,屏幕阅读器可以更好地使用语义标签。 SEO还基于标签获取线索(例如,它希望标题位于h
标签内, p
内的段落等)。
div
是一种通用标签。 尽可能使用语义标记,因为它们确实传达了重要信息。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.