我是新手学习 html,我知道标签用来定义 HTML 文档中的一个区块或部分,但是有时候你会看到像这样使用 div 标签:
<div>This is some text</div>
我们不应该使用一些文本显示目的的标签,比如 <p>
吗?
<p>
或<span>
这样的标签,它会使应用CSS、JavaScript和jQuery更容易,但如果只使用纯文本也完全可以。请参考此链接:https://dev59.com/WV4b5IYBdhLWcg3w7Fcv#28529404
引用内容如下:
是的,使用没有<p>
的<div>
元素是可以的。
<p>
告诉我们<div>
元素内的文本被分成了段落,因此,如果你有文本被分成了段落,你应该使用<p>
;另一方面,<p>
不能包含除所谓的短语内容之外的其他元素;因此,你不能在<p>
中放置<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>并将其颜色设置为蓝色”。
<p>
,但在这种情况下,我认为上面代码的作者想使用<div>
,因为它不像有预定义(由浏览器)样式的边距。<p>
标签定义了一个段落。
<div>
标签定义了HTML文档中的一个部分或区域。通常在<div>
标签中使用其他标签,并使用<div>
来划分HTML页面。但是,您也可以仅使用<div>
标签,但这对于SEO问题不利。
<div style="color:#0000FF" id="xyz">
<h3>This is a heading</h3>
<p>This is a paragraph.</p>
</div>
并不是必须总是使用<p>
标签来包裹文本。
使用<p>
标签是编写文本的事实上选择。但是,根据情况,可以使用<div>
或<span>
标签来编写文本。
您还可以在<div>
中使用<p>
。
<div><p>Your content here</p></div>