具体介绍HTML5-创建HTML文档-木庄网络博客

本文摘自PHP中文网，作者黄舟，侵删。

HTML5中的一个主要变化是：将元素的语义与元素对其内容呈现结果的影响分开。从原理上讲这合乎情理。HTML元素负责文档内容的结构和含义，内容的呈现则由应用于元素上的CSS样式控制。下面介绍最基础的HTML元素：文档元素和元数据元素。

一、构建基本的文档结构

文档元素只有4个：DOCTYPE元素、html元素、head元素、body元素。

1. DOCTYPE元素

每个HTML文档必须以DOCTYPE元素开头。其告知浏览器两件事情：第一，它处理的是HTML文档；第二，用来标记文档内容的HTML所属的版本。
注意，在HTML4中要求的DTD已不再HTML5中使用！

如果网页代码含有DOCTYPE元素，浏览器就会按你所声明的标准解析；
如果不添加DOCTYPE元素，将使网页进入怪异模式(quirks mode)，两者会有一定的区别！！

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

2. 其他元素

<!DOCTYPE HTML><html>
    <head>
        <title>title</title>
    </head>
    <body>
        文档内容    </body></html>

需要注意的时，head元素中必须有一个title元素！

二、用元数据元素说明文档

元数据元素应该放在head元素中。

1. 设置文档标题：title元素

2. 设置相对URL的解析基准

base元素可用来设置一个基准URL，让HTML文档中的相对链接在此基础上进行解析。base元素还能设定链接在用户点击时的打开方式，以及提交表单时浏览器如何反应（在第12章表单中讲述）。

<!doctype html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>Base Test</title>
    <!-- 指定相对URL的基准URL -->
    <base href="http://avatar.csdn.net">
    <!-- 指定链接打开方式为:当前页面 -->
    <base target="_self"></head><body>
    <!-- 图片地址:http://www.php.cn/ -->
    <img src="/1/4/A/1_ligang2585116.jpg" alt="奋飞">
    <a href="http://http://www.php.cn/">PHP中文网</a></body></html>

注意：如果不指定基准URL，那么浏览器会将当前文档的URL认定为所有相对URL的解析基准。

3. 用元数据说明文档

meta元素可以用来定义文档的各种元数据；每个meta元素只能用于一种用途。
（1）指定名/值元数据对
需要用到其name和content属性。提供了5个预定义的元数据名称。

元数据名称	说明
application name	当前页所属web应用系统的名称
author	当前页的作者名
description	当前页的说明
generator	用来生成HTML的软件名称
keywords	一批以逗号分开的字符串，用来描述页面的内容

说明：告知浏览器如何对内容分类和分等级，过去主要的手段就是使用keywords元数据。现在由于其被滥用来制造页面内容和相关性的假象，从而降低了对其重视性。
（2）meta广泛用途

<!-- 文档内容的字符编码 -->
<meta charset="UTF-8">
<meta http-equiv="content-type" content="text/html charset=UTF-8">
<!-- 5s后刷新当前页面 -->
<meta http-equiv="refresh" content="5">
<!-- 5s后跳转到MyBlog -->
<meta http-equiv="refresh" content="5; http://www.php.cn/">