HTML 元素：
"HTML 標(biāo)簽" 和 "HTML 元素" 通常都是描述同樣的意思，但是嚴格來講, 一個 HTML 元素包含了開始標(biāo)簽與結(jié)束標(biāo)簽，如下實例:
HTML 元素:
<p>這是一個段落。</p>
Web 瀏覽器：
Web瀏覽器（如谷歌瀏覽器，Internet Explorer，Firefox，Safari）是用于讀取HTML文件，并將其作為網(wǎng)頁顯示（本教程將使用360安全瀏覽器）。瀏覽器并不是直接顯示的HTML標(biāo)簽，但可以使用標(biāo)簽來決定如何展現(xiàn)HTML頁面的內(nèi)容給用戶：
HTML 網(wǎng)頁結(jié)構(gòu)：
下面是一個可視化的HTML頁面結(jié)構(gòu)：
只有 <body> 區(qū)域 (白色部分) 才會在瀏覽器中顯示。
HTML版本：
從初期的網(wǎng)絡(luò)誕生后，已經(jīng)出現(xiàn)了許多HTML版本:
<!DOCTYPE> 聲明
<!DOCTYPE>聲明有助于瀏覽器中正確顯示網(wǎng)頁。
網(wǎng)絡(luò)上有很多不同的文件，如果能夠正確聲明HTML的版本，瀏覽器就能正確顯示網(wǎng)頁內(nèi)容。
doctype 聲明是不區(qū)分大小寫的，以下方式均可：
<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>
通用聲明
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
中文編碼
中文編碼
目前在大部分瀏覽器中，直接輸出中文會出現(xiàn)中文亂碼的情況，這時候我們就需要在頭部將字符聲明為 UTF-8。
HTML 實例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>頁面標(biāo)題</title>
</head>
<body>
<h1>我的第一個標(biāo)題</h1>
<p>我的第一個段落。</p>
</body>
</html>
【注】1.doctype 聲明是不區(qū)分大小寫的，用來告知 Web 瀏覽器頁面使用了哪種 HTML 版本。在HTML 4.01 中，<!DOCTYPE> 聲明需引用 DTD （文檔類型聲明），因為 HTML 4.01 是基于 SGML（Standard Generalized Markup Language 標(biāo)準(zhǔn)通用標(biāo)記語言）。HTML 4.01 規(guī)定了三種不同的 <!DOCTYPE> 聲明，分別是：Strict、Transitional 和 Frameset。HTML5 不是基于 SGML，因此不要求引用 DTD。
2. 對于中文網(wǎng)頁需要使用 <meta charset="utf-8"> 聲明編碼，否則會出現(xiàn)亂碼。有些瀏覽器(如 360 瀏覽器)會設(shè)置 GBK 為默認編碼，則你需要設(shè)置為 <meta charset="gbk">。目前在大部分瀏覽器中，直接輸出中文會出現(xiàn)中文亂碼的情況，這時候需要在頭部將字符聲明為 UTF-8。
本文為 HTML 基礎(chǔ)教程第四章，下一章：HTML編輯器
【小提示】tips:本文由數(shù)據(jù)微學(xué)院作者原創(chuàng)，轉(zhuǎn)載請注明來源或聯(lián)系作者。更多優(yōu)秀參考好文請關(guān)注【數(shù)據(jù)微學(xué)院】360doc 個人圖書館。
聯(lián)系客服
