<div>标签是否是<p>标签的不良替代品？

Question

我看到<p>标签在其他人的代码中使用了很多,但从未在我自己的工作中使用它.

我想知道这对使用<div>标签有什么好处？

1. 将<p>标签合并到我的页面中是否有任何好处？

2. 仅使用<div>标签没有任何缺点<p>吗？

Answer 1

DIV表示页面上的单独部分,该部分在语义上不与其他部分连接.使用P标记表示这段文本被分成段落,但它仍然只保留一个实体.

增加:对于"语义",人们通常会提到从HTML中提取信息的可能性,即页面的各种元素代表什么以及它们如何相互关联,而不是将整个HTML视为要呈现的标记.例如,当您执行菜单时,建议您为此目的使用UL(无序列表),因为可以从标记中了解特定列表中包含的所有LI(列表项)可能意味着选项的选项.同一水平.我知道,对于有缺陷的人的屏幕阅读器,你试图使你的标记尽可能地语义丰富.

如果您不关心这一点,那么无论您使用DIV还是Ps,渲染结果几乎没有区别.您可以使用CSS设置样式以实现相同的外观和感觉.

语义HTML仍然不是"绝对的好".对于许多人而言,语义不会添加任何值,因为他们只希望他们的页面正确呈现.这就是为什么关于是否使用表进行标记(以及在不属于它的地方添加语义)或坚持使用CSS的持久性讨论不会很快结束.

Answer 2

p表示"段落",div表示"划分".这很复杂.这是一种告诉搜索引擎,抓取工具,工具等的方式,这是一段文字.

当你实际标记文本的"段落"时,div是不可取的.

Answer 3

如果您要标记内容以便可以使用 CSS 对其进行布局，您可能需要<div>；<p>应该用来表示一段文本，仅此而已。

Answer 4

两个标签都有不同的用途.

• p表示段落,通常用于组织内容(主要是文本和图像)
• 另一方面,div是画布上的矩形空间,通常用于布局目的.

示例:您可以将导航面板放在div中,从而可以轻松地将其从页面的左侧移动到右侧,或者切换到3列布局.导航中的不同部分(首先是常规网站导航,最近的博客文章的下一个特定热链接或其他)可以通过将它们放在不同的段落中来分离.

(我知道,不好的例子,因为导航更好地由无序列表表示,但是嘿).

在直接回答您的问题时,它们为您提供了区分组织布局和组织内容的优势,其方式在HTML源代码中变得清晰.