HTML标签的本质区别?

< b>标签使文本粗体,但如果分配了CSS“font-weight:normal;”那么它绝对像一个普通的标签.另一方面,第i个标签可以被设计为在< b>标签

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

是的,我在谈论HTML标签的互换性,所以我们可以有更少的标签.

而最着名的标签中有2个被认为是这个“问题:What is the difference between HTML tags DIV and SPAN?”中讨论的“div”和“span”

我想知道< div>的本质是什么标签使之成为跨标签

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

不能替代div?另一方面,背后的深层原因是什么使这些代码变得“无效”(X)HTML:

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

谢谢!

对于这种情况,我正在构建一个所谓的“HTML-css-Generator”,这需要对HTML标签的深入了解.我想过滤所有有效HTML标签的集合,以创建一组“主要标签”.然后我要求标签的互换性.

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

我不知道这个区别是标签是本机的“块级”(如div,p)还是“inline-level”(像跨度)?

有没有其他类型的“本机属性”(CSS或JS无法更改),如HTML标签的“块/内联级”?

解决方法

不要去检查事物的呈现方式,以及它们的外观(即使这是HTML规范的一部分). HTML是关于意义的.

标签< u>,< i>,< b>意思?对,他们什么都没有!他们只定义了事物的外观.这就是为什么他们被从HTML5规范中删除(或者实际上已经不推荐使用)的原因.

当然,您可以使用< div>作为< span>,你可以使用< div>作为< input type =“text”>.但这不是它的意思,而是关于意义.

根据HTML规范,< div>是分隔线它划分网站的某些部分,某些部分作为标题内容盒进入< div&gt ;. A< span>用于指定内联的内容.如下所示

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

不要根据它们呈现的方式比较HTML标签.还要始终选择最接近显示数据的HTML标签,即使它与您想要的完全不同.

区别不在于它们是阻止还是内联(即使是这样的效果).区别在于它们代表的数据.

相关文章

vue阻止冒泡事件 阻止点击事件的执行 &lt;div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些