html - HTML标签的本质区别？

Question

<b>标签使文本加粗，但如果使用 CSS“font-weight:normal;”，那么它就完全像一个普通标签。另一方面，<i>标签可以设置样式以显示内部文本，如 <b>标签:

<i style="font-style:normal; font-weight:bold;">

是的，我说的是 HTML 标签的互换性，这样我们就可以拥有更少的标签。

其中两个最著名的标签是“div”和“span”，它们在这个 SO 问题中进行了讨论:What is the difference between HTML tags DIV and SPAN?

我想知道<div>的本质是什么制作如下 span 标签的标签:

<span style="display:block;"></span>

不能代替div吗？另一方面，使这些代码变成“无效”(X)HTML 的深层原因是什么:

<span style="display: block"><p>Still wrong</p></span>

谢谢!

---

对于这个场景，我正在构建一个所谓的“HTML-CSS-Generator”，它需要对 HTML 标签有深入的了解。我想过滤所有有效的 HTML 标签集来制作一组“主要标签”。然后我要求标签的互换性。

---

更新(本题最终目的)

我想知道区别是标签是原生“ block 级”(如 div、p)还是“内联级”(如 span)？

是否有任何其他类型的“ native 属性”(CSS 或 JS 无法更改)如 HTML 标记的“ block /内联级”？

Answer 1

不要检查事物的呈现方式或外观(即使这是 HTML 规范的一部分)。 HTML 就是意义。

标签<u>是做什么的, <i> , <b>意思是？对，他们没有任何意义!他们只定义事物的外观。这正是它们从 HTML5 规范中删除(或实际上已弃用)的原因。

当然，您可以设置 <div> 的样式作为<span> , 你可以设计一个 <div>作为<input type="text"> .但这不是它的全部内容，而是意义。

根据 HTML 规范，<div>是一个分频器。它划分网站的某些部分，某些部分作为标题或内容框进入 <div> .

A <span>用于指定内联的内容。喜欢下面的

<div class="Location">    
   Currently I'm living in <span class="Country">The Netherlands</span>
</div>

不要根据 HTML 标签的呈现方式来比较它们。还要始终选择与显示的数据最相似的 HTML 标记，即使它呈现的内容与您想要的完全不同。

---

区别不在于它们是 block 还是内联(尽管这是它的影响)。区别在于它们代表的数据。