HTML5 入門:一個最簡單的HTML頁面(doctype、meta、Head、標籤的使用)

HTML5的<!doctype>聲明怎麼寫html

這是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就簡化成了:post

<!DOCTYPE html>

爲何文檔一開頭就要寫doctype。它不是寫給瀏覽器看的。Doctype是寫給驗證器看的。也就是說,我之因此要在文檔一開頭寫那行XHTML 1.0的doctype,是爲了告訴驗證器,讓驗證器按照該doctype來驗證個人文檔。ui

在 HTML 5 中只有一個:<!DOCTYPE HTML>。<!DOCTYPE> 標籤沒有結束標籤。<!DOCTYPE> 對大小寫不敏感。

HTML5的<meta>標籤搜索引擎

<meta>標籤在 HTML 4.01 中,要這麼寫:spa

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

在HTML5中這麼寫就能夠了code

<meta charset="UTF-8">

meta標籤的常見功能:orm

  • 幫助主頁被各大搜索引擎登陸
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript" />
  • 定義對頁面的描述htm

<meta name="description" content="博客園,程序員,C++程序員," />

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>