HTML元素:块级与内联元素

HTML中还有三种类型的元素：根本没有显示的元素。这些元素提供有关页面的信息，但在Web浏览器中呈现时不会显示。

例如:

• >定义了样式和样式表。
• 定义元数据。
• 是保存这些元素的HTML文档元素。

切换内联和块元素类型

您可以使用其中一个CSS属性中的一个将元素的类型从内联更改为块，反之亦然，反之亦然：

• 显示：块;

• 显示：内联;

• 显示：无;

这CSS属性允许您将内联属性更改为块，或将块更改为内联，或不要展示在所有。

何时更改显示属性

一般来说，单独留下显示属性，但有一些情况在换句线和块显示属性可以是有用的。

• 水平列表菜单：列表是块级元素，但如果希望水平显示菜单，则需要将列表转换为内联元素，以便每个菜单项都不会在新行中启动。
• 文本中的标题：有时，您可能希望头文件保持在文本中，但维护HTML头文件值。将h1到h6的值更改为内联，将允许其结束标签后的文本在同一行继续流到它旁边，而不是在新一行开始。
• 删除的元素:如果要从文档中完全删除元素正常流量，您可以将显示器设置为

  没有任何

  一个注释，使用显示时要小心：无。虽然这种样式将是一个不可见的元素，但你永远不想用它来隐藏你为SEO的原因添加了添加的文本，但不希望为访问者展示。这是一个让您的网站对SEO的黑色帽子方法受到惩罚的万事。

常见的内联元素格式错误

Web设计新手最常犯的一个错误是试图在内联元素上设置宽度。这不能工作，因为内联元素的宽度不是由容器框定义的。

内联元素忽略多个属性：

• 宽度

  和

  高度

• 最大宽度

  和

  max-height

• 最小宽度

  和

  最小高度

如果您需要定义元素应该占用的宽度或高度，则需要将其应用于包含内联文本的块级元素。