HTML基本標籤 - JavaShuo

基本結構

在vscode中新建一個html文檔，而後空白處敲"!"就會自動建立html頁面的基本結構html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>基本標籤</title>

</head>

<body>

    這是網頁內容區域

</body>

</html>
複製代碼

文檔聲明標籤

<!DOCTYPE html>
複製代碼

做用就是告訴瀏覽器接下來要解析的是一個html文檔web

html標籤

告訴瀏覽器對這個文檔的解析從<html>開始，到</html>結束瀏覽器

屬性lang="en" 表示語言使用的是英語，若是要使用中文能夠設置爲zh-cnmarkdown

head標籤

head標籤用於定義html文檔的頭部信息，head標籤通常會包含meta、title兩個子標籤ui

meta標籤

meta標籤提供關於HTML文檔的元數據。元數據不會顯示在頁面上，可是對於機器是可讀的。它可用於瀏覽器（如何顯示內容或從新加載頁面），搜索引擎（關鍵詞），或其餘 web 服務。搜索引擎

meta標籤有幾個比較重要的屬性:編碼

1.name屬性
能夠用來定義網頁的關鍵字、描述、做者以及版權信息等等，有如下幾個經常使用值:spa

keywords:用來定義網頁的關鍵字,關鍵字能夠是多個，之間須要用英文逗號,隔開
description:用來定義網頁的描述
author:用來定義網頁的做者
copyright:用來定義版權信息3d

2.charset屬性
HTML5中新增的屬性，用來定義網頁的編碼格式，經常使用有如下幾個屬性值:code

ISO-8859-1: 默認編碼
UTF-8: 萬國碼，目前最經常使用
gb2312: 國際漢字編碼，不包含繁體
gbk 漢字編碼，包含繁體

3.http-equiv屬性
全部主流瀏覽器都支持 http-equiv 屬性。它能夠設置網頁的過時時間，自動刷新等，有如下幾個經常使用屬性值：

expires: 網頁過時時間
refresh: 網頁自動刷新時間，單位秒
content-type:定義文件的類型，用來告訴瀏覽器該以什麼格式和編碼來解析此文件

4.content-type經常使用屬性值

text/html: 表示該文檔是HTML格式的文檔
text/plain: 表示該文檔是純文本格式文檔
text/xml: 表示該文檔是xml格式的文檔
image/gif: 表示該文檔是gif圖片格式的文檔
image/jpeg: 表示該文檔是jpg圖片格式的文檔
image/png: 表示該文檔是png圖片格式的文檔

title標籤

定義文檔的標題，這個標題就是咱們在瀏覽器中看到的網頁標題

<title>基本標籤</title>
複製代碼

body標籤

body標籤用於定義網頁的內容區域

<body>
    這是網頁內容區域
</body>
複製代碼

最後一張圖總結一下基本標籤: