HTML基本結構

時間 2019-12-18

標籤 html 基本結構欄目 HTML 简体版

原文原文鏈接

HTML簡介html

HyperText Markup Language：超文本標記語言ide

HyperText：超文本(文本 + 圖片 + 視頻 + 音頻 + 連接）優化

Markup Language：標記語言網站

網站的三大元素ui

圖片，超連接，文字搜索引擎

HTML基本結構編碼

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

標準網頁的HTML標籤spa

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

2.頁面標題：<title>~</title>orm

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

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

　　gb2312 是簡體中文編碼

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

頁面主要內容：<meta name="description" content="內容介紹" />

　注意：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>