块(block)和内联元素(inline elements)的区别

HTML代表超文本标记语言。是用来创建网页的。每个网页都使用超链接连接到其他网页。这种语言由标记组成。标记用尖括号括起来。语法类似于<tag name>。大多数标记也有结束标记。当<html>是标记时,结束标记是</html>。有些标记没有结束标记。此类标记的示例有<br>和<img>。它们被称为无效标签。HTML元素是HTML文档或网页...

关键区别-块与内联元素

HTML代表超文本标记语言。是用来创建网页的。每个网页都使用超链接连接到其他网页。这种语言由标记组成。标记用尖括号括起来。语法类似于<tag name>。大多数标记也有结束标记。当<html>是标记时,结束标记是</html>。有些标记没有结束标记。此类标记的示例有<br>和<img>。它们被称为无效标签。HTML元素是HTML文档或网页被解析为文档对象模型(DOM)后的组件。DOM是web浏览器中的一种内部表示。它以树状结构表示每个文档。在浏览器中,可显示元素可以是块元素,也可以是内联元素。块元素具有矩形结构。内联元素可以嵌入到块元素中。block和inline元素之间的关键区别在于,block元素占据了可用的全宽,而inline元素采用了显示元素内容所需的宽度。

目录

1. 概述和主要区别
2. 什么是块元素
3. 什么是内联元素
4.块和内联元素之间的相似性
5. 并排比较-表格形式的块与内联元素
6. 摘要

什么是块元素(block elements)?

块元素采用可用的全宽。这些元素总是以新行开始。块元素的一些示例如下。用于定义段落。e、 这是一个段落。有六个标记用于定义标题。他们是。程序员可以相应地使用报头。

有序列表由定义,而无序列表由定义。用于在网页上显示水平线。用于以表格格式排列数据。对于每个网站,都需要从网站访问者那里收集数据。HTML表单用于从用户获取数据。它也是块级元素。这些是HTML中块元素的一些示例。

什么是内联元素(inline elements)?

内联元素只采用所需的宽度。这些元素不是以新行开始的。下面是一些内联元素的示例。用于创建另一个页面的链接。超链接是HTML的基本元素之一。它可以包含href属性来创建指向目标的链接。e、 访问谷歌。目标属性为空。因此,新文档将在新窗口中打开。如果目标属性是“_self”,则链接的文档将在同一窗口中打开。

块(block)和内联元素(inline elements)的区别

图01:块和内联元素的示例

用于加粗文本部分。标签是将文本倾斜。网页应该是可呈现的。因此,任何网页都由多个图像组成。用于在页面上显示图像。此标记需要两个属性。它们是src和alt,'src'描述图像的位置,'alt'描述图像的内容。例如。下面是一些内联元素的示例。

什么是块元素与内联元素的相似性(the similarity between block and inline elements)?

  • 块和内联元素用作HTML中的容器。

块(block)和内联元素(inline elements)的区别

块与内联元素
块元素是将跨越父元素的整个宽度的元素,并且不允许任何其他元素在放置时占用相同的水平空间。 内联元素是不能直接放置在body元素内部,并且嵌套在块元素中的元素。
新线
块元素以新行开始。 内联元素不以新行开头。
所需空间
块元素具有所有宽度。 内联元素将只采用所需的宽度。

总结 - 块(block) vs. 内联元素(inline elements)

HTML代表超文本标记语言。它是一种由标记组成的语言。每个标记都有一个特定的任务,并定义如何构造网页。有些标记有起始标记和结束标记。有些标记没有结束标记。它们被称为无效标签。句法分析是语法分析的过程。在解析步骤之后,这些标记将成为元素。内联元素或块元素可以是级别元素。块元素和内联元素之间的区别在于,块元素占用可用的全宽,而内联元素采用显示元素内容所需的宽度。

下载block vs inline元素的pdf版本

你可以下载这篇文章的PDF版本,并根据引文说明离线使用。请在这里下载PDF版本:Block和Inline元素的区别

引用

  • 发表于 2020-10-19 13:55
  • 阅读 ( 231 )
  • 分类:IT

你可能感兴趣的文章

铍(beryllium)和锂(lithium)的区别

... atomic number 4 and chemical symbol Be. Relatively, it is a rare chemical element in the universe. This metal has a white-grey colour. It is an s-block element because it has its valence electr*** in the s orbital. The electron configuration of this element is [He]2s2. According to its electron con...

  • 发布于 2020-10-12 05:09
  • 阅读 ( 430 )

第1组(group 1)和第2组元素(group 2 elements)的区别

...与第2组元素的表格形式 5. 摘要 什么是第1组元素(group 1 elements)? 第1族元素是在s轨道最外层有一个不成对电子的化学元素。它是周期表s块的第一列。它含有氢和碱金属。第1组成员如下: 氢(H) 锂(Li) 钠(Na) 钾(K) Rhubid...

  • 发布于 2020-10-15 03:15
  • 阅读 ( 957 )

宏(macro)和内联函数(inline function)的区别

关键区别–宏与内联函数 宏是一段代码,它是预处理器指令。内联函数是C++增强功能,以最小化程序的执行时间。因此,宏和内联函数的关键区别在于,宏由预处理器检查,而内联函数由编译器检查。 宏包含在程序的开头,...

  • 发布于 2020-10-19 00:27
  • 阅读 ( 405 )

代表(representative)和过渡元素(transition elements)的区别

...格形式的过渡元素 5. 摘要 什么是代表性要素(representative elements)? 代表性元素是第1组、第2组和第13-18组中的化学元素。代表元素又称为“A族元素”或“s族元素和p族元素”或“主族元素”,即代表性元素包括以下几组化学元素...

  • 发布于 2020-10-19 10:23
  • 阅读 ( 762 )

原子的(atomic)和分子元素(molecular elements)的区别

...素和分子元素的表格形式 5. 摘要 什么是原子元素(atomic elements)? 原子元素是可以作为独立原子存在的化学物质。这是由于它们的高度稳定性。这些元素的化学式中只有一个原子。因此,没有原子元素符号的数值下标。 图01:不...

  • 发布于 2020-10-21 18:31
  • 阅读 ( 930 )

s(s)和p块元素(p block elements)的区别

s(s)和p块元素(p block elements)的区别 s和p块元件之间的关键区别可以通过它们的电子配置得到最好的解释。在s块元素中,最后一个电子填充到s子壳层,在p块元素中,最后一个电子填充到p子壳层。当它们形成离子时,s阻挡元素...

  • 发布于 2020-10-27 13:40
  • 阅读 ( 336 )

d块元素(d block elements)和过渡元素(transition elements)的区别

d块元素(d block elements)和过渡元素(transition elements)的区别 D块元素和过渡元素之间的区别是相当混乱的。这两个词可以互换使用,很多人用“过渡元素”来表示d块元素。D块元素和过渡元素的关键区别在于,虽然所有的转换元...

  • 发布于 2020-11-03 01:25
  • 阅读 ( 347 )

迪夫(div)和跨度(span)的区别

...HTML元素都有一个默认的显示值。因此,它们可以是块或内联元素。本文讨论了div和span的区别。div和span的关键区别在于div是块级元素,而span是内联元素。 目录 1.概述和主要区别 2. 什么是div 3. 什么是跨度 4. div和span的相似性 5. ...

  • 发布于 2020-11-09 08:37
  • 阅读 ( 339 )

css3基本属性备忘单

...xt.List Properties list-styleDefines the display style for a list and list elements.list-style-imageSpecifies the image to be used as a list-item marker.list-style-positionSpecifies the position of the list-item marker.list-style-typeSpecifies the marker style for a list-item.Margin Propertiesmargin...

  • 发布于 2021-03-19 04:34
  • 阅读 ( 282 )

内联(inline)和v型发动机(v engines)的区别

直列vs V引擎 直列和V型发动机是非常受欢迎的配置之间的汽车,甚至在多缸摩托车。它们之间的主要区别在于气缸的排列方式。直列发动机的气缸呈直线,而V型发动机的气缸分为两组,并以一定角度呈V型排列;导致发动机配...

  • 发布于 2021-06-23 19:52
  • 阅读 ( 414 )
ogyv5009
ogyv5009

0 篇文章

相关推荐