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

Question

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

我想知道使用<div>代码会带来什么好处？

1. 我能得到什么好处 合并<p>标签 进入我的页面？

2. 只有缺点吗？ 使用<div>代码而不使用<p>？

Answer 1

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

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

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

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

Answer 2

p表示'paragraph'，div表示'division'。这很复杂。这是一种告诉搜索引擎，抓取工具，工具等的方式，这是一段文字。

当您实际标记文本的“段落”时，

div是不受欢迎的。

Answer 3

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

• p 表示段落，通常用于 组织内容（文本和文本） 图像，大部分）
另一方面，
• div 是一个 画布上的矩形空间， 通常用于布局目的。

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

（我知道，不好的例子，因为导航更好地用无序列表表示，但是嘿嘿）。

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

Answer 4

如果您要标记内容以便可以使用CSS进行布局，则可能需要<div>;应该使用<p>来表示一段文字，就是这样。

Answer 5

除了它的语义（这很重要）之外，您还需要考虑验证问题。根据HTML4规范，不允许在<div>内嵌套其他块级元素（<ul>，<p>，其他<p>等），而不会使HTML无效。

我见过许多实例，解析器会选择提前关闭<p>以允许其他嵌套块元素开始。

Answer 6

  

我能获得任何好处吗？   从

标签中加入我的   网页？

是的，只要您正确使用它 - 因为使用语义HTML总是有益的。

原因有多种原因，但需要快速解释的人的主要原因是SEO。如果您使用语义HTML，搜索引擎将更好地理解您的页面。

Answer 7

p标签用于段落。 p标签通常包含关于其中的文本内容的附加CSS样式，并且可以在css文档中的各个位置定义此样式。例如，p通常在其下方有一些额外的空间。如果你尝试用p标签放置一些东西，你最终会得到不均匀的填充。

如果您希望从程序化角度更好地控制页面中的内容，最好使用div。坚持所有布局问题的div也允许你专门为段落使用p标签。