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="博客園,程序員,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>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



猜您在找 HTML 標簽 為什么HTML使用 HTML_head標簽中META,IF IE 及 IFrame 中的頁面的兼容性相關問題 HTML5各種頭部meta標簽的功能 html5 meta標簽屬性整理 html meta標簽使用總結 html meta標簽使用總結 手機頁面的 HTML 標簽使用與說明 meta 詳解,html5 meta 標簽日常設置 關於表格的一些練習

一個普通基本的表格

關於表格的一些練習

一個普通基本的表格

HTML表格和列表筆記&練習
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM