<!DOCTYPE> 声明
HTML <!DOCTYPE>
<!DOCTYPE> 声明帮助浏览器正确地显示网页。
Web 世界中存在许多不同的文档。只有了解文档的类型,浏览器才能正确地显示文档。
HTML 也有多个不同的版本,只有完全明白页面中使用的确切 HTML 版本,浏览器才能完全正确地显示出 HTML 页面。这就是 <!DOCTYPE> 的用处。
<!DOCTYPE> 不是 HTML 标签。它为浏览器提供一项信息(声明),即 HTML 是用什么版本编写的。
常用的声明
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
HTML 头部元素
HTML 头部元素
标签 | 描述 |
定义关于文档的信息。 | |
定义文档标题。 | |
定义页面上所有链接的默认地址或默认目标。 | |
定义文档与外部资源之间的关系。 | |
定义关于 HTML 文档的元数据。 | |
定义客户端脚本。 | |
定义文档的样式信息。 |
HTML <head> 标签
<head> 标签用于定义文档的头部,它是所有头部元素的容器。
<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。
绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
<title> 定义文档的标题,它是 head 部分中唯一必需的元素。
提示和注释
提示:应该把 <head> 标签放在文档的开始处,紧跟在 <html> 后面,并处于 <body> 标签或 <frameset> 标签之前。
HTML <title> 标签
定义和用法
<title> 元素可定义文档的标题。
title 元素能够:
· 定义浏览器工具栏中的标题
· 提供页面被添加到收藏夹时显示的标题
· 显示在搜索引擎结果中的页面标题
<title> 标签是 <head> 标签中唯一要求包含的东西。
HTML <base> 标签
定义和用法
<base> 标签为页面上的所有链接规定默认地址或默认目标。
通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。
使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。
必需的属性
属性 | 值 | 描述 |
URL | 规定页面中所有相对链接的基准 URL。 |
可选的属性
属性 | 值 | 描述 |
· _blank · _parent · _self · _top · framename | 在何处打开页面中所有的链接。 |
HTML <link> 标签
定义和用法
<link> 标签定义文档与外部资源的关系。
<link> 标签最常见的用途是链接样式表。
提示和注释
link 元素是空元素,它仅包含属性。
此元素只能存在于 head 部分,不过它可出现任何次数。
属性
URL | 规定被链接文档的位置。 | |
· alternate · author · help · icon · licence · next · pingback · prefetch · prev · search · sidebar · stylesheet · tag | 规定当前文档与被链接文档之间的关系。 | |
MIME_type | 规定被链接文档的 MIME 类型。 |
HTML <meta> 标签
定义和用法
元数据(metadata)是关于数据的信息。
<meta> 标签提供关于 HTML 文档的元数据,<meta>标签位于文档的头部,不包含任何内容。元数据不会显示在页面上,但是对于机器是可读的。
典型的情况是,meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。
元数据可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。
<meta> 标签的属性定义了与文档相关联的名称/值对。
提示和注释:
注释:<meta> 标签永远位于 head 元素内部。
注释:元数据总是以名称/值的形式被成对传递的。
必需的属性
属性 | 值 | 描述 |
some_text | 定义与 http-equiv 或 name 属性相关的元信息 |
可选的属性
属性 | 值 | 描述 |
· content-type · expires · refresh · set-cookie | 把 content 属性关联到 HTTP 头部。 | |
· author · description · keywords · generator · revised · others | 把 content 属性关联到一个名称。 | |
some_text | 定义用于翻译 content 属性值的格式。 |
name 属性
name 属性提供了名称/值对中的名称。HTML 和 XHTML 标签都没有指定任何预先定义的 <meta> 名称。通常情况下,可以自由使用对自己和源文档的读者来说富有意义的名称。
"keywords" 是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时,会用这些关键字对文档进行分类。
类似这样的 meta 标签可能对于进入搜索引擎的索引有帮助:
<meta name="keywords" content="HTML,ASP,PHP,SQL">
如果没有提供 name 属性,那么名称/值对中的名称会采用 http-equiv 属性的值。
http-equiv 属性
http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。
当服务器向浏览器发送文档时,会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对,但是所有服务器都至少要发送一个:content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。
使用带有 http-equiv 属性的 <meta> 标签时,服务器将把名称/值对添加到发送给浏览器的内容头部。例如,添加:
<meta http-equiv="charset" content="iso-8859-1"><meta http-equiv="expires" content="31 Dec 2008">
这样发送到浏览器的头部就应该包含:
content-type: text/htmlcharset:iso-8859-1expires:31 Dec 2008
当然,只有浏览器可以接受这些附加的头部字段,并能以适当的方式使用它们时,这些字段才有意义。
content 属性
content 属性提供了名称/值对中的值。该值可以是任何有效的字符串。
content 属性始终要和 name 属性或 http-equiv 属性一起使用。
scheme 属性
scheme 属性用于指定要用来翻译属性值的方案。此方案应该在由 <head> 标签的 profile 属性指定的概况文件中进行了定义。
HTML <script> 标签
定义和用法
<script> 标签用于定义客户端脚本,比如 JavaScript。
script 元素既可以包含脚本语句,也可以通过 src 属性指向外部脚本文件。
必需的 type 属性规定脚本的 MIME 类型。
JavaScript 的常见应用时图像操作、表单验证以及动态内容更新。
必选的属性
属性 | 值 | 描述 |
MIME-type MIME 类型,其中一些值: text/javascript text/ecmascript application/ecmascript application/javascript text/vbscript
| 指示脚本的 MIME 类型。 |
HTML <style> 标签
定义和用法
<style> 标签用于为 HTML 文档定义样式信息。
在 style 中,您可以规定在浏览器中如何呈现 HTML 文档。
type 属性是必需的,定义 style 元素的内容。唯一可能的值是 "text/css"。
style 元素位于 head 部分中。
提示和注释
提示:如需链接外部样式表,请使用 <link> 标签。
必需的属性
属性 | 值 | 描述 |
text/css | 规定样式表的 MIME 类型。 |