使用div标签在HTML中展示文本

Question

我是新手学习 html，我知道标签用来定义 HTML 文档中的一个区块或部分，但是有时候你会看到像这样使用 div 标签：

<div>This is some text</div>

我们不应该使用一些文本显示目的的标签，比如 <p> 吗？

- user8033404

---

这完全取决于您希望如何访问或为页面上的元素设置样式。 - li x

可能是在标记中应该使用<p />标签吗？的重复问题。 - KyleS

可以在<div>标签中放置文本而不使用<p>标签吗？ - vikramvi

Answer 1

一般来说，如果你使用像<p>或<span>这样的标签，它会使应用CSS、JavaScript和jQuery更容易，但如果只使用纯文本也完全可以。请参考此链接：https://dev59.com/WV4b5IYBdhLWcg3w7Fcv#28529404 引用内容如下：

是的，使用没有<p>的<div>元素是可以的。

<p>告诉我们<div>元素内的文本被分成了段落，因此，如果你有文本被分成了段落，你应该使用<p>；另一方面，<p>不能包含除所谓的短语内容之外的其他元素；因此，你不能在<p>中放置<div>。

例如，如果你有一些文本在一个div中，并且你想让其中一些文本变成蓝色，一些变成红色，你应该这样做：

.blue {
  color: blue;
}
.red {
  color: red;
}

<div>
  <p class="blue">blue</p>
  <p class="red">red</p>
</div>

因为仅使用CSS（以及JS也很难）无法准确地说出“获取文本并将其颜色更改为蓝色”，但使用CSS或JS非常容易实现“获取class为blue的<p>并将其颜色设置为蓝色”。

- James Douglas

Answer 2

一般来说，当存在更具语义化的标签时，应将 <div> 标签作为最后的选择。

- Bobby Speirs

Answer 3

是的，用于描述文本段落的正确标签是<p>，但在这种情况下，我认为上面代码的作者想使用<div>，因为它不像有预定义（由浏览器）样式的边距。

- Albert221

Answer 4

<p>标签定义了一个段落。 <div>标签定义了HTML文档中的一个部分或区域。通常在<div>标签中使用其他标签，并使用<div>来划分HTML页面。但是，您也可以仅使用<div>标签，但这对于SEO问题不利。

- mshomali

---

我喜欢你包含有关SEO的信息。我没有想到过。 - bballdave025

Answer 5

标签用于将块元素分组以便使用CSS进行格式化。您可以为特定的div设置一些id，并且可以使用该id执行操作。

<div style="color:#0000FF" id="xyz">
  <h3>This is a heading</h3>
  <p>This is a paragraph.</p>
</div> 

并不是必须总是使用<p>标签来包裹文本。

- Dhaval

Answer 6

使用<p>标签是编写文本的事实上选择。但是，根据情况，可以使用<div>或<span>标签来编写文本。

您还可以在<div>中使用<p>。

<div><p>Your content here</p></div>

- Tal