使用CSS时,我应该使用p标签来包装文本还是div标签就足够了?

9

就像标题所说,使用 <div> 还是 <p> 来包含文本会更好?哪个会对搜索引擎优化(SEO)效果更好?

9个回答

14

在语义上,您应该始终使用<p>标记来容纳页面正文中的任何“内容”文本。类似地,标题应该始终放在<h1><h2>等标记中。只有在布局和定位方面需要时才应使用<div>标记(例如作为主要内容、侧边栏等的包装器)。

搜索引擎通常会将使用语义 HTML 布局的页面排名较高,因为这种布局方式更易于“机器读取”。


7
元素通常用于样式和装饰表单,因此不适合用于包装文本。在一个格式良好且标准的HTML标记中,您需要使用< p >来显示搜索引擎或任何人,您正在显示一个段落或写一些文字。

这不是一个命令,而是一个最佳实践,您需要遵循以获得更好的编码。

不要为相同的原因使用相同的元素。每个元素都有其特定的用途。


3
搜索引擎会爬取页面并寻找语义结构,确定您内容的逻辑层次。 <h1>标签与<h2><h3>等标签不同。如果使用<div>标签,则将您的内容视为其他div标签中的其他内容。
如果内容“重要”,与您的网站相关并有机会对SEO做出贡献,那么我会选择<p>而不是<div>

1

在编程中,你应该始终使用正确的标签。

<div> 用于将页面分成逻辑部分。<p> 用于文本段落。<h1><h6> 用于标题。<ul><ol> 表示数据列表。<table> 及其子元素用于表格数据。<form> 用于表单等。

这样做对 SEO 有好处,因为搜索引擎知道他们正在读取什么类型的数据,并可以相应地排名。它还可以帮助提高可访问性(例如,屏幕阅读器通常会根据标题结构构建页面大纲)。更重要的是,它使您更容易一致地设计网站样式。


0

据我所知,对于SEO来说没有什么区别,p标签完全可以。


0
从语义上讲,p 应该表示段落,而 div 表示任意(子)分区 - 但实际上,两者之间的区别模糊不清,并且对于 SEO 目的来说肯定不重要。

0

如果您正在使用<P>,则应该使用其中之一,而不要使用wrap,因为这两者是相同的,对于SEO来说没有更好的选择,因为HTML和CSS代码对于SEO来说没有意义。 如果HTML标签或CSS名称可以使网站更好,那么SEO就没有意义,因为几乎所有的网站都有HTML标签。确保alttitle可以根据SEO使您的网站更好。所以您应该根据需要使用其中之一。<p>wrap


0

就换行而言,它们是相同的。您可以使用break-word设置word-wrap的CSS属性来强制换行,请参见跨浏览器解决方案此处。您甚至可以使用此库进行单词连字或调整。

敬礼。


0

p没问题/ 但我更喜欢在HTML5标记中使用/ header、nav、section、aside等。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接