互联网, 网页设计
Div标签的块布局HTML
仍然在十年前在runet中最常使用所谓的桌面布局。 鉴于某些浏览器的标准相互不同,我们必须寻找一种可以在所有应用程序中正确显示Internet文档的解决方案。 但是时间过去了,标准的演变,刚性和僵硬的表格被一个调整良好和反应灵敏的 布局 所取代 。 这个技术的最前沿是使用
出现
网页的复杂化和计算机技术的发展导致了Web文档分为两部分 - 一个骨架(HTML代码)和设计(样式表)。 由此,我们设法实现了网络前所未有的发展,其结果可以在大多数现代化网站上看到。 除了改进开发过程之外,HTML允许我们为每个单独的元素定义我们的设计规则。 这有助于提高网页代码的可读性,并减少文档的加载时间。 现在搜索引擎更快更好地处理网站上提供的信息。
标准和验证
HTML中的
标签
为了创建一个真正有效的文档,您必须使用
使用类和标识符
HTML块可以通过id或类定义。 第一个和第二个之间的区别是在文档页面上只使用一次id。 也就是说,它用于定义在页面代码中不会重复的唯一元素。 类属性允许您将相同的 样式规则 应用于多个元素。 这种方法大大简化了代码的开发和支持。 此外,一个对象可以同时具有多个类。 为了正确识别,它们被空格分开。
自然地,文档的块结构根本不意味着仅使用一个
标签。 HTML属性
如上所述,此标签不会更改页面片段的设计,而是用于通过样式表创建后续设计的语义结构。 对此元素使用结束标记是强制性的。
尽管许多现代浏览器将能够识别这个错误,但在某些情况下,未关闭的标签可能会导致文档结构崩溃并且不能正确显示。
由于该元素是块,因此其中包含的内容将以新行开头。 要更改此行为,您必须使用display属性更改块的显示设置。 除了对嵌套元素进行分组之外,
标签允许您格式化其内容的位置。 为此,您可以使用align属性,它允许您将文本或图像放在父元素的左,右或中心。
定位块
使用position属性可以更改所选元素的定位方法。 所以有三种定位方式:
- 静态(静态) - 默认情况下使用。 在这种情况下,元素根据HTML代码中的位置进行定位。
- 相对(相对)。 在这种情况下,以与静态定位相同的方式计算对象的位置,但此属性可以让您更改子项的位置。
- 绝对(绝对)。 其位置相对于具有相对定位的元素计算。
其他属性
顶部和左侧属性用于更改相对于原点的位置。 值可以是正值还是负值。 块元素的宽度和高度分别由width和height属性指定。 如果样式表中未指定它们,则块将占据父元素的整个宽度。 如果块内容不符合“父”的所有宽度,则该元素的行为由overflow属性确定。
我们希望这篇文章有助于了解HTML中什么是
的问题。
如上所述,此标签不会更改页面片段的设计,而是用于通过样式表创建后续设计的语义结构。 对此元素使用结束标记是强制性的。
尽管许多现代浏览器将能够识别这个错误,但在某些情况下,未关闭的标签可能会导致文档结构崩溃并且不能正确显示。
由于该元素是块,因此其中包含的内容将以新行开头。 要更改此行为,您必须使用display属性更改块的显示设置。 除了对嵌套元素进行分组之外,
定位块
使用position属性可以更改所选元素的定位方法。 所以有三种定位方式:
- 静态(静态) - 默认情况下使用。 在这种情况下,元素根据HTML代码中的位置进行定位。
- 相对(相对)。 在这种情况下,以与静态定位相同的方式计算对象的位置,但此属性可以让您更改子项的位置。
- 绝对(绝对)。 其位置相对于具有相对定位的元素计算。
其他属性
顶部和左侧属性用于更改相对于原点的位置。 值可以是正值还是负值。 块元素的宽度和高度分别由width和height属性指定。 如果样式表中未指定它们,则块将占据父元素的整个宽度。 如果块内容不符合“父”的所有宽度,则该元素的行为由overflow属性确定。
我们希望这篇文章有助于了解HTML中什么是
Similar articles
Trending Now