首頁 > 文章 > web前端 > HTML的基本結構有哪些

HTML的基本結構有哪些

php中世界最好的语言原創: 2018-01-22 10:48:252715瀏覽

這次帶給大家HTML的基本結構有哪些，設計HTML基本結構的注意事項有哪些，下面就是實戰案例，一起來看一下。

HTML簡介

HyperText Markup Language：超文本標記語言

HyperText：超文本(文字+ 圖片+ 視訊+ 音訊+ 連結）

Markup Language：標記語言

網站的三大元素

圖片，超連結，文字

HTML基本結構

<html>  
    <head>  
        <title>Document</title>  
    </head>  
    <body>  
        I am mossbaoo !   
    </body>  
</html>

標準網頁的HTML標籤

1.HTML文件聲明：fef50554eca1a427827adaa329da8122

2.頁標題：b2386ffb911b14667cb8f0f91ea547a7~6e916e0f7d1e588d4f442bf645aedb2f

3.頁面編碼：9eb7f0676c6b164d9cd2d3b69d5c092c

#utf-8 是多國語言編碼（推薦使用）

gb2312 是簡體中文編碼

4.頁面關鍵字：26a2cd90f1b2faa7af23737a102530f3

頁面主要內容：0796dfc1bbdafbd8cbd53ad3f465f10a

注意：meta標籤是html語言的輔助性標籤，通常用於優化搜尋引擎，它位於HTML文檔頭部。

產生HTML文件初始結構

1.HTML5的標準結構：html:5+Tab鍵或 !+Tab鍵

產生結果如下

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>Document</title>  
</head>  
<body>  
       
</body>  
</html>

2.HTML4的過渡型結構：html:xt+Tab鍵

#產生結果如下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">  
<head>  
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">  
    <title>Document</title>  
</head>  
<body>  
       
</body>  
</html>

HTML標籤注意點：

• HTML元素由開始標籤和結束標籤組成。

• 位於開始標籤和結束標籤中的文字是元素的內容。

• HTML標籤有開始必須有結束，如果是沒有內容的標籤（空標籤），用/>來結束。

• 標籤名稱不區分大小寫，但是在XHTML中標籤名稱必須用小寫。

• 標籤具有屬性，屬性用來表示標籤的性質和特性。屬性要在開始標籤中指定。

相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！