HTML文檔基本格式的詳細(xì)介紹

2020-03-24 16:38:34

字體：大中小

供稿：網(wǎng)友

一、HTML文檔基本格式：

 !DOCTYPE html //文檔類型聲明 html lang= zh-cn //表示HTML文檔開始 head //包含文檔元數(shù)據(jù)開始 meta charset= utf8 //聲明字符編碼 title 基本 /title //設(shè)置文檔標(biāo)題 /head //包含文檔元數(shù)據(jù)結(jié)束 body //表示HTML文檔內(nèi)容 /body //表示HTML a href= http://wwww.baidu.com 百度 /a  /html //表示HTML文檔結(jié)束

二、文檔結(jié)構(gòu)解析：

1、Doctype

文檔類型聲明（Document Type Declaration，也稱Doctype），它主要告訴瀏覽器所查看的文檔類型。

 !DOCTYPE html 不區(qū)分大小寫

2、html元素

首先，元素就是標(biāo)簽的意思，html元素即html標(biāo)簽。html元素是文檔開始和文檔結(jié)尾的元素。它是一個首尾呼應(yīng)的雙標(biāo)簽，html元素有一個屬性和值

lang= zh-cn ，表示文檔語言為簡體中文

 html 如果為英文則，lang= en

3、head元素

用來包含元數(shù)據(jù)內(nèi)容，元數(shù)據(jù)包括： link 、 meta 、 moscript 、 script 、 style 、 title 。這些內(nèi)容用來瀏覽器提供信息，比如link提供CSS信息。script提供JavaScript信息，title提供頁面標(biāo)題等。

 head ... /head //這些信息在頁面不可見

4、meta元素

這個元素用來提供關(guān)于文檔的信息，其實結(jié)構(gòu)有一個屬性為：charset= utf8 。表示告訴瀏覽器頁面采用的編碼為什么格式。一般情況下，就用utf8.當(dāng)然，文件保存的時候也是utf8，而瀏覽器也設(shè)置utf8既可正確顯示中文。

 meta charset= utf-8

5、title元素

這個元素很簡單，顧名思義：設(shè)置瀏覽器左上角的標(biāo)題

 title 標(biāo)題 /title

6、body元素

用來包含文檔內(nèi)容的元素，也就是瀏覽器可見區(qū)域部分。所有的可見內(nèi)容都應(yīng)該在這里面添加。

 body ... /body

7、a元素

一個超鏈接，后面會詳細(xì)討論。

 a href= http://www.baidu.com 百度 /a

三、元素標(biāo)簽探討：

HTML是一種標(biāo)記語言，剛才的結(jié)構(gòu)我們已經(jīng)詳細(xì)探討過，這里，我們再剖析以下這些“標(biāo)記”，或者叫標(biāo)簽是怎么構(gòu)成的。

1、元素

元素是一組告訴瀏覽器如何處理一些內(nèi)容的標(biāo)簽。每個元素都有一個關(guān)鍵字，比如： body 、 title 、 meta 都是元素。不同的標(biāo)簽名稱代表不同的意義。后面將會涉及到段落標(biāo)簽，文本標(biāo)簽、鏈接標(biāo)簽、圖片標(biāo)簽等。

元素

一般分為兩種：單標(biāo)簽（空元素）和雙標(biāo)簽。但標(biāo)簽通常用于聲明或者插入某個元素。比如聲明字符編碼用 meta .插入圖片用 imag ，雙標(biāo)簽一般用于設(shè)置一段區(qū)域的內(nèi)容，將其包含起來。比如段落：