使用div标签在html中显示文本

时间:2017-06-17 13:41:02

标签: html css

我是html的新手,我知道标签定义了HTML文档中的分区或部分,但您有时可以看到使用div标签:

<div>This is some text</div>

我们不应该使用像<p>这样的文字显示目的标签吗?

7 个答案:

答案 0 :(得分:2)

如果你使用像<p><span>这样的标签,它会使CSS更容易应用,JavaScript和jQuery也会这样,但是否则只使用纯文本就可以了。参考: https://stackoverflow.com/a/28529404/7733026

  

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

     

<p>会告诉<div>元素中的文本被拆分成   段落,因此,如果你有文字分成段落,你应该   使用<p>;另一方面,<p>不能包含其他元素   所谓的措辞内容;因此,<div>内不能有<p>

例如,如果div中有一些文本,并且您希望其中一些是蓝色而其中一些是红色的,那么您可以这样做:

.blue {
  color: blue;
}
.red {
  color: red;
}
<div>
  <p class="blue">blue</p>
  <p class="red">red</p>
</div>

因为不可能只用CSS(而且用JS非常难)说“得到蓝色的文字,并给它蓝色的颜色”,但是很容易用其中任何一个说,'得到{{1} }有一个蓝色的类,并使颜色为蓝色'

答案 1 :(得分:1)

是的,用于描述文本段落的正确标记是<p>,但在这种情况下,我认为上面代码的作者想要使用<div>,因为它没有预先定义的(通过浏览器)样式,如margin。

答案 2 :(得分:1)

一般情况下,当semantic标记可用时,<div>标记应作为最后一个选项使用。

答案 3 :(得分:1)

<p>标记定义了一个段落。 <div>标记定义HTML文档中的分区或部分。并且基本上使用<div>标记中的其他标记,并使用<div>来划分HTML页面。但你可以使用<div>而没有任何其他标签,但它对SEO问题不利。

答案 4 :(得分:0)

是的,我们应该使用像<p>

这样的标签

但正确使用<p>可以在使用CSS时很好地控制文本

答案 5 :(得分:0)

<div>标记用于对块元素进行分组,以使用CSS对其进行格式化。您可以为特定div设置一些ID,您可以使用该ID进行操作。

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

您不必始终使用<p>包装文本。

答案 6 :(得分:0)

使用<div>标签是写文本的事实上的选择。但是,可以使用<span><p>标记来编写文本,具​​体取决于方案。

您也可以在<div>

中使用<div><p>Your content here</p></div>
{{1}}