網(wǎng)頁常見的HTML標(biāo)簽

2022-10-26    分類: 網(wǎng)站建設(shè)

HTML文檔是由HTML元素構(gòu)成的,而HTML元素是由HTML標(biāo)簽標(biāo)記的。每個(gè)HTML標(biāo)簽都有相應(yīng)的作用和使用方法。下面將介紹網(wǎng)頁設(shè)計(jì)中經(jīng)常遇到的HTML標(biāo)簽的使用方法。

1.html標(biāo)簽該標(biāo)簽代表HTML文檔的開始。html標(biāo)簽是成對(duì)出現(xiàn)的,以開始,以結(jié)束。該標(biāo)簽常用的屬性如下:

◆ xml:lang:該屬性是國(guó)際化屬性,代表整個(gè)網(wǎng)頁的語言。其取值可以參考RFC3066標(biāo)準(zhǔn)。常用的值有簡(jiǎn)體中文(zh-CN)、繁體中文(zh-HK)及英文(en)。

◆ xmlns:該屬性代表文檔的命名空間。一般可以設(shè)置為:

◆ dir:該屬性定義文本元素的對(duì)齊方式,可以取的值有l(wèi)tr(代表左到右的排列方式)和rtl (代表右到左的排列方式)。其中l(wèi)tr是默認(rèn)值。例如把secondPage.html中的dir屬性設(shè)置為rtl

2.head標(biāo)簽該標(biāo)簽代表HTML文檔的頭信息,也是成對(duì)出現(xiàn)的,以開始,以結(jié)束。該標(biāo)簽本身沒有什么重要屬性。但是它里面包含了一些重要的標(biāo)簽,如title、meta等,這些信息主要提供給瀏覽器使用。

3.title標(biāo)簽該標(biāo)簽代表HTML文檔的標(biāo)題,即在瀏覽器標(biāo)題欄里面顯示的內(nèi)容。當(dāng)把網(wǎng)頁添加到收藏夾里面的時(shí)候,收藏夾內(nèi)顯示的名稱也是title標(biāo)簽的內(nèi)容。title標(biāo)簽位于head標(biāo)簽之內(nèi),成對(duì)出現(xiàn),以開始,以結(jié)束,位于之間的是文檔的標(biāo)題內(nèi)容。

由于title標(biāo)簽通常代表了網(wǎng)頁的主要內(nèi)容,所以title標(biāo)簽非常重要。它在搜索引擎優(yōu)化(SEO)方面有非常重要的作用。從搜索引擎搜索到的內(nèi)容往往是title標(biāo)簽的內(nèi)容。設(shè)置好title標(biāo)簽,可以方便搜索引擎索引網(wǎng)頁。

4.base標(biāo)簽該標(biāo)簽定義基URL用于頁面的鏈接與引用。當(dāng)在網(wǎng)頁中使用相對(duì)路徑定義鏈接時(shí),可以使用base標(biāo)簽定義基URL,便于解析文檔中定義的相對(duì)路徑。該標(biāo)簽單獨(dú)使用。其常用的屬性如下:

◆ href:該屬性代表基URL。

◆ target:該屬性代表鏈接目標(biāo)。

5.style標(biāo)簽該標(biāo)簽用于在文檔中聲明樣式表。該標(biāo)簽成對(duì)使用,以結(jié)束,開始標(biāo)簽和結(jié)束標(biāo)簽之間是樣式的聲明。該標(biāo)簽的重要屬性如下。

◆ type:該屬性包含內(nèi)容的類型,在聲明樣式的時(shí)候一般使用type="text/css"。

6.link標(biāo)簽該標(biāo)簽用于在文檔中聲明外部資源,同時(shí)標(biāo)簽還是單獨(dú)出現(xiàn)的。該標(biāo)簽常用的屬性如下。

◆ href:該屬性指定外部資源的URL。

◆ rel:該屬性指定外部資源的類型。

◆ type:該屬性指定外部資源中包含內(nèi)容的類型。

7.script標(biāo)簽該標(biāo)簽用于在文檔中使用腳本。腳本主要有JavaScript和VBScript。腳本代碼可以書寫在網(wǎng)頁內(nèi)部,也可以是引用的外部腳本文件。該標(biāo)簽成對(duì)使用,以結(jié)束。其常用的屬性如下。

◆ src:該屬性指定需要加載的腳本文件的URL。

◆ type:該屬性指定媒體類型,例如type="text/javascript"。

8.meta標(biāo)簽該標(biāo)簽用于指定文檔中的額外信息。該標(biāo)簽單獨(dú)使用。其屬性主要分為兩組。

◆ name屬性與content屬性:name屬性是以名稱/值形式出現(xiàn)的,name屬性的值所描述的內(nèi)容(值)通過content屬性表示。其中最重要的是description、keywords和robots。這些屬性主要是為便于網(wǎng)絡(luò)機(jī)器人分析網(wǎng)頁。

◆ http-equiv屬性與content屬性:http-equiv屬性用于提供HTTP協(xié)議的響應(yīng)頭報(bào)文(MIME文檔頭),它也是以名稱/值形式出現(xiàn)的。http-equiv屬性的值所描述的內(nèi)容(值)通過content屬性表示,通常在網(wǎng)頁加載前提供給瀏覽器等設(shè)備使用。其中最重要的是charset屬性提供編碼信息,refresh屬性告訴瀏覽器刷新與跳轉(zhuǎn)頁面,no-cache屬性告訴瀏覽器不緩存頁面,expires屬性通知瀏覽器網(wǎng)頁緩存過期時(shí)間。
9.body標(biāo)簽該標(biāo)簽表示文檔的主體。body標(biāo)簽成對(duì)使用,以開始,以結(jié)束。網(wǎng)頁中所有的文字、圖像、視頻等內(nèi)容全部位于body標(biāo)簽之內(nèi)。

標(biāo)題名稱:網(wǎng)頁常見的HTML標(biāo)簽
網(wǎng)頁鏈接:http://www.muchs.cn/news/208257.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供軟件開發(fā)、品牌網(wǎng)站設(shè)計(jì)、營(yíng)銷型網(wǎng)站建設(shè)、服務(wù)器托管、企業(yè)建站、用戶體驗(yàn)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

手機(jī)網(wǎng)站建設(shè)