HTML基本結(jié)構(gòu)全面了解

來源：本站原創(chuàng)|時間：2020-01-10|欄目：CSS/HTML|點(diǎn)擊：次

HTML簡介

HyperText Markup Language：超文本標(biāo)記語言

HyperText：超文本(文本 + 圖片 + 視頻 + 音頻 + 鏈接）

Markup Language：標(biāo)記語言

網(wǎng)站的三大元素

圖片，超鏈接，文字

HTML基本結(jié)構(gòu)

XML/HTML Code復(fù)制內(nèi)容到剪貼板

標(biāo)準(zhǔn)網(wǎng)頁的HTML標(biāo)簽

1.HTML文檔聲明：<!DOCTYPE HTML>

2.頁面標(biāo)題：<title>~</title>

3.頁面編碼：<meta charset= "utf-8" />

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

gb2312 是簡體中文編碼

4.頁面關(guān)鍵字：<meta name="keywords" content="關(guān)鍵字1,關(guān)鍵字2,…" />

頁面主要內(nèi)容：<meta name="description" content="內(nèi)容介紹" />

注意：meta標(biāo)簽是html語言的輔助性標(biāo)簽，通常用于優(yōu)化搜索引擎，它位于HTML文檔頭部。

生成HTML文檔初始結(jié)構(gòu)

1.HTML5的標(biāo)準(zhǔn)結(jié)構(gòu)：html:5+Tab鍵或 !+Tab鍵

生成結(jié)果如下

XML/HTML Code復(fù)制內(nèi)容到剪貼板

2.HTML4的過渡型結(jié)構(gòu)：html:xt+Tab鍵

生成結(jié)果如下

XML/HTML Code復(fù)制內(nèi)容到剪貼板

<!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>