Question

我对列出的元素感到困惑。

我已经知道的是：

他们都不是真正的意思。
片段不是真正的元素。

您能解释一下两者之间的主要区别是什么吗？我们什么时候应该选择一个呢？

Answer 1

我不确定<fragment>，但是可以说出<div>和<span>的区别。

<span>和<div>之间的区别在于，<span>元素是行内的，通常用于行内（例如段落内）的一小段HTML，而<div>（除法）元素是块行（基本上等效于它之前和之后的换行符），并且用于对较大的代码块进行分组。

<div>示例：

<div style="background-color:black;color:white;padding:20px;">
  <h2>London</h2>
  <p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
</div>

<span>示例：

<h1>My <span style="color:red">Important</span> Heading</h1>

最后一个例子是您使用

<div>Hello</div>
<div>World</div>

给出以下内容：

你好
世界

<div>在每个元素之间添加了一条新行，因为它是一个块级元素，而<span>则没有：

<span>Hello</span>
<span>World</span>

Hello World

<span> vs <div> vs <fragment>

1 个答案: