您的位置:首页 - 教程 - HTML5 - 正文
HTML5 入门:一个最简单的HTML页面(doctype、meta、Head、标签的使用)

HTML5的<!doctype>声明怎么写

这是HTML 4.01的doctype:

<!DOCTYPE html PUBLIC "-//W3C/DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

XHTML 1.0的doctype。它的长度跟HTML 4.01的差不太多:

<!DOCTYPE html PUBLIC "-//W3C/DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

是不是,基本上相同。它要告诉浏览器的是:这个文档是XHTML 1.0的文档。那么在HTML 5中,省掉不必要的复杂性,doctype就简化成了:

<!DOCTYPE html>

为什么文档一开头就要写doctype。它不是写给浏览器看的。Doctype是写给验证器看的。也就是说,我之所以要在文档一开头写那行XHTML 1.0的doctype,是为了告诉验证器,让验证器按照该doctype来验证我的文档。

在 HTML 5 中只有一个:<!DOCTYPE HTML>。<!DOCTYPE> 标签没有结束标签。<!DOCTYPE> 对大小写不敏感。

HTML5的<meta>标签

<meta>标签在 HTML 4.01 中,要这么写:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

在HTML5中这么写就可以了

<meta charset="UTF-8">

meta标签的常见功能:

  • 帮助主页被各大搜索引擎登录
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript" />
  • 定义对页面的描述

<meta name="description" content="何问起,程序员,特效" />

HTML5 <head>标签

head 元素可包含关于文档的信息。浏览器不会向用户显示这些头部信息("head information")。下面这些标签可用在 head 部分:<base>, <link>, <meta>, <script>, <style>, 以及 <title>。

<title>;定义文档的标题,它是 head 部分中唯一必需的元素。

HTML5结构例子
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>这是一个HTML5的网页</title>
</head>
<body>
<p>Hello HTML5</p>
</body>
</html>

效果:http://hovertree.com/texiao/html5/31/

评论: