关键区别-块与内联元素
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”,则链接的文档将在同一窗口中打开。
用于加粗文本部分。标签是将文本倾斜。网页应该是可呈现的。因此,任何网页都由多个图像组成。用于在页面上显示图像。此标记需要两个属性。它们是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元素的区别