<CSS设计指南> 学习总结 -- 第一二章_闭合标签和自闭标签有什么区别-优快云博客

本文总结了HTML和CSS的基础知识，包括自闭和标签与闭合标签的区别，HTML5中标签的使用规范，如<li>、<em>、<!DOCTYPE html>等。讨论了<head>中的<meta>和<title>标签的重要性，以及块级元素和行内元素的显示特性。此外，还介绍了DOM的概念以及CSS的四种应用方式：行内样式、嵌入样式、链接样式和@import规则。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

非文本内容是通过自闭和标签显示的。闭合标签与自闭和标签的区别在于，闭合标签包含的是会显示的实际内容，而自闭合标签只是给浏览器提供一个对要显示内容的引用。浏览器会在HTML页面加载的时候，额外向服务器发起请求，以取得自闭合标签引用的内容。在XHTML标准中，严格规定所有的标签都必须闭合，但HTML5标准在这方面则要宽松的多。换句话说，在HTML5网页里，某些闭标签是可以省略不写的。
<li>是一个列表项，它只在<ol> (ordered list, 有序列表)和<ul> (unordered list, 无序列表) 这两种标签中才有效，在<dl>(definition list，定义列表)中则无效。使用<em>标签来强调段落中的文字，在<p>标签内。
<!DOCTYPE html> 这个为了声明“以下是一个HTML文档”，注意，这个标签不用关闭。
使用HTML注释标签，可以为你自己或者其他将来可能修改这个页面的人写一些备注。HTML注释以结尾，注释内容就写在他们中间。浏览器在加载页面时，会忽略注释，不会显示其中的内容。
帮助浏览器理解页面的信息都包含在<head>标签中，其中，<meta>标签有一个charset属性，表示页面的编码；<title>标签表示标题，搜索引擎会给<title>标签中的文字内容赋予很高的权重，而且这些文字会出现在搜索结果列表中。
块级元素和行内元素：几乎所有的HTML元素display属性值要么为block，要么为inline，最明显的一个例外是table元素，它有自己特殊的disply属性值。块级元素会相互堆叠在一起沿页面向下排列，每个元素分别占一行。行内元素则会相互并列，只有在空间不足以并列的情况下才会折到下一行显示。
文档对象模型(DOM)，DOM是从浏览器的视角观察页面中的元素以及每个元素的属性，由此得出这些元素的一个家族树。通过DOM，可以确定元素之间的关系。

为文档添加样式的三种方式

行内样式：行内样式是写在特定HTML标签的style属性里的，行内样式的作用范围非常有限，行内样式只能影响它所在的标签，而且总会覆盖嵌入样式和链接样式。
嵌入样式：嵌入的CSS样式是放在HTML文档的head元素中的，嵌入样式的应用范围仅限于当前页面。页面样式会覆盖外部样式表中的样式，但会被行内样式所覆盖。
链接样式：在创建包含多个页面的网站时，需要把样式集中在一个单独的文件里，这个文件就叫样式表。在样式表其实就是一个扩展名为.css的文本文件。可以在任意多个HTML页面中链接同一个样式表文件。
除了上面三种，还有一种在样式表中链接其他样式表的方法，使用@import指令(是一种at规则)

CSS规