- 非文本内容是通过自闭和标签显示的。闭合标签与自闭和标签的区别在于,闭合标签包含的是会显示的实际内容,而自闭合标签只是给浏览器提供一个对要显示内容的引用。浏览器会在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规则)