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

HTML的基本結構有哪些

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

這次帶給大家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中文網其它相關文章!

相關閱讀:

HTML文字格式化的實例詳解

html中頻繁使用的標籤總結

HTML的編輯基礎(新手必看篇)

#

以上是HTML的基本結構有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn