html教程

定义和用法

<!DOCTYPE> 声明必须位于 HTML 5 文档中的第一行,也就是位于 <html> 标签之前。该标签告知浏览器文档所使用的 HTML 规范。

doctype 声明不属于 HTML 标签;tag; 它是一条指令,告诉浏览器编写页面所用的标记的版本。

在所有 HTML 文档中规定 doctype 是非常重要的,这样浏览器就能了解预期的文档类型。

HTML 4.01 中的 doctype 需要对 DTD 进行引用,因为 HTML 4.01 基于 SGML。而 HTML 5 不基于 SGML,因此不需要对 DTD 进行引用,但是需要 doctype 来规范浏览器的行为(让浏览器按照它们应该的方式来运行)。

 

实例

具有正确文档类型(doctype)的 HTML 5 文档:

<!DOCTYPE HTML> 
<html> 
<head> 
<title>Title of the document</title> 
</head> 
<body> 
The content of the document...... 
</body> 
</html>


 

亲自试一试下面代码吧。

<!DOCTYPE HTML> 
<html> 
<head> 
<title>Title of the document</title> 
</head> 
<body> 
The content of the document...... 
</body> 
</html>


 

HTML 4.01 与 HTML 5 之间的差异

 HTML 4.01 中有 3 个不同的文档类型,在 HTML 5 中只有一个:

<!DOCTYPE HTML>

 HTML 5 中,文档类型声明是不是很简单。

提示和注释:

注释:<!DOCTYPE> 标签没有结束标签!

提示:<!DOCTYPE> 对大小写不敏感。

 

属性

NONE

 

定义和用法

<a> 标签定义超链接,用于从一个页面链接到另一个页面。

<a> 元素最重要的属性是 href 属性,它指定链接的目标。

在所有浏览器中,链接的默认外观是:

未被访问的链接带有下划线而且是蓝色的

已被访问的链接带有下划线而且是紫色的

活动链接带有下划线而且是红色的

 

实例

链接到 Sina

<a href="http://www.sina.com.cn">Sina</a>


亲自试一试

<!DOCTYPE HTML> 
<html> 
<body> 
<a href=" http://www.sina.com.cn ">Visit sina.com.cn!</a> 
</body>
</html>


 

HTML 4.01 与 HTML 5 之间的差异

 HTML 4.01 中,<a> 标签既可以是超链接,也可以是锚。这取决于是否描述了 href 属性。

 HTML 5 中,<a> 是超链接,但是假如没有 href 属性,它仅仅是超链接的一个占位符。

HTML 5 有一些新的属性,同时不再支持一些 HTML 4.01 的属性。

 

提示和注释

提示:如果没有使用 href 属性,则不能使用 hreflang, media, ping, rel, target 以及 type 属性。

提示:通常在当前浏览器窗口中显示被链接页面,除非规定了其他 target

提示:请使用 CSS 来改变链接的样式。

 

属性

属性

描述

charset

char_encoding

HTML 5 中不支持。

coords

coordinates

HTML 5 中不支持。

href

URL

链接的目标 URL。

hreflang

language_code

规定目标 URL 的基准语言。仅在 href 属性存在时使用。

media

media query

规定目标 URL 的媒介类型。

默认值:all。仅在 href 属性存在时使用。

name

section_name

HTML 5 中不支持。

ping

URL

由空格分隔的 URL 列表。

当用户点击该链接时,这些 URL 会获得通知。

仅在 href 属性存在时使用。

rel

alternate

archives

author

bookmark

contact

external

first

help

icon

index

last

license

next

nofollow

noreferrer

pingback

prefetch

prev

search

stylesheet

sidebar

tag

up

规定当前文档与目标 URL 之间的关系。

仅在 href 属性存在时使用。

rev

text

HTML 5 中不支持。

shape

default

rect

circle

poly

HTML 5 中不支持。

target

_blank

_parent

_self

_top

在何处打开目标 URL。仅在 href 属性存在时使用。

type

mime_type

规定目标 URL 的 MIME 类型。

仅在 href 属性存在时使用。

注:MIME = Multipurpose Internet Mail Extensions。

 

标准属性

<a> 标签支持 HTML 5 中的标准属性。

事件属性

<a> 标签支持 HTML 5 中的事件属性。