DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5教程 >> HTML5 入門:一個最簡單的HTML頁面(doctype、meta、Head、標簽的使用)
HTML5 入門:一個最簡單的HTML頁面(doctype、meta、Head、標簽的使用)
編輯:HTML5教程     

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/
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved