HTML标签之间的本质区别？

Question

该<b>标签化妆案文大胆的,但如果用CSS分配" font-weight:normal;"那么它绝对像一个正常的标签.另一方面,<i>标签可以设置为像<b>标签一样在内部显示文本:

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

是的,我在谈论HTML标签的可互换性,因此我们可以使用更少的标签.

其中2个最着名的标签结果是"div"和"span",在这个SO问题中讨论:HTML标签DIV和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标签的集合,以制作一组"主要标签".然后我要求标签的可互换性.

---

更新(这个问题的最终目标)

我想知道差异是标签本身是"块级"(如div,p)还是"内联级"(如span)？

是否还有其他类型的"本机属性"(CSS或JS无法更改),如HTML标签的"块/内联级别"？

Answer 1

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

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

当然,你可以风格<div>的<span>,你到底能的样式<div>作为<input type="text">.但这不是它的意思,而是关于意义.

根据HTML规范,a <div>是一个分隔符.它划分网站的某些部分,某些部分作为标题或内容框进入<div>.

A <span>用于指定内联的内容.如下所示

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

不要根据HTML标记的呈现方式对它们进行比较.另外,总是选择最接近显示数据的HTML标记,即使它呈现的完全不同于您想要的内容.

区别在于它们是块还是内联(即使这是它的影响).不同之处在于它们代表的数据.

Answer 2

考虑形式与功能.DOM是一种结构.这是一个对象模型.<div>s是块级元素,它们具有应用于它们的规则.<span>s是内联级元素,并且应用了不同的规则.

文体元素,例如<u>,<b>,<small>,<i>,<em>等等,都正在HTML5,努力抽象淘汰反正形式从功能这就是为什么你应该依靠CSS样式<span>元素你,而不是.

CSS负有责任,即为用户设置页面渲染的样式.它可以告诉浏览器将块级元素视为内联级元素,反之亦然,以用于显示目的.