HTML常用標簽，轉義符
1 HTML文件是什麽
- 超文本標記語言（Hypertext Markup Language, HTML）是一種用於創建網頁的標記語言。
- 本質上是瀏覽器可識別的規則，我們按照規則寫網頁，瀏覽器根據規則渲染我們的網頁。對於不同的瀏覽器，對同一個標簽可能會有不同的解釋。（兼容性問題）
- 網頁文件的擴展名：.html或.htm
2 HTML文件的作用
HTML語言寫好的文件是給瀏覽器讀的，瀏覽器再按照規則將其渲染成人類便於接受的網頁
HTML是互聯網服務的一個重要組成部分，基於HTML可以給用戶提供多種不同類型的服務，
其流程是：瀏覽器發請求 --> HTTP協議 --> 服務端接收請求 --> 服務端返回響應 --> 服務端把HTML文件內容發給瀏覽器 --> 瀏覽器渲染頁面
3 如何開始寫一個HTML文件
<!DOCTYPE html> #聲明為HTML文檔。 <html lang="zh-CN"> #告訴瀏覽器這是一個中文網頁 <head> # 頭部 <meta charset="UTF-8"> #聲明編碼，否則會出現亂碼,有些瀏覽器會設置 GBK 為默認編碼，則你需要設置為 <meta charset="gbk">。 <title>css樣式優先級</title> </head> <body> #主要內容部分 </body> </html>
<!--註釋內容--> 註釋
4 html標簽
- HTML標簽是由尖括號包圍的關鍵字，如<html>, <div>等
- HTML標簽通常是成對出現的，比如：<div>和</div>，第一個標簽是開始，第二個標簽是結束。結束標簽會有斜線。
- 也有一部分標簽是單獨呈現的，比如：<br/>、<hr/>、<img src="1.jpg" />等。
- 標簽裏面可以有若幹屬性，也可以不帶屬性。
標簽的語法：
- <標簽名 屬性1=“屬性值1” 屬性2=“屬性值2”……>內容部分</標簽名>
- <標簽名 屬性1=“屬性值1” 屬性2=“屬性值2”…… />
幾個很重要的屬性：
- id：定義標簽的唯一ID，HTML文檔樹中唯一
- class：為html元素定義一個或多個類名（classname）(CSS樣式類名)
- style：規定元素的行內樣式（CSS樣式）
<!DOCTYPE html>
作用：聲明文檔的解析類型(document.compatMode)，避免瀏覽器的怪異模式。
BackCompat：怪異模式，瀏覽器使用自己的怪異模式解析渲染頁面。
CSS1Compat：標準模式，瀏覽器使用W3C的標準解析渲染頁面。
如果你的頁面沒有DOCTYPE的聲明，那麽compatMode默認就是BackCompat,瀏覽器按照自己的方式解析渲染頁面，那麽，在不同的瀏覽器就會顯示不同的樣式。 如果你的頁面添加了<!DOCTYPE html>那麽，那麽就等同於開啟了標準模式，你的頁面在所有的瀏覽器裏顯示的就都是一個樣子了。
head內常用標簽
| 標簽 | 意義 |
|---|---|
| <title></title> | 定義網頁標題 |
| <style></style> | 定義內部樣式表 |
| <script></script> | 定義JS代碼或引入外部JS文件 |
| <link/> | 引入外部樣式表文件 |
| <meta/> | 定義網頁原信息 |
Meta標簽
eta標簽介紹：
-
-
- <meta>元素可提供有關頁面的原信息（mata-information）,針對搜索引擎和更新頻度的描述和關鍵詞。
- <meta>標簽位於文檔的頭部，不包含任何內容。
- <meta>提供的信息是用戶不可見的。
-
meta標簽的組成：meta標簽共有兩個屬性，它們分別是http-equiv屬性和name 屬性
1.http-equiv屬性：相當於http的文件頭作用，它可以向瀏覽器傳回一些有用的信息，以幫助正確地顯示網頁內容，與之對應的屬性值為content，content中的內容其實就是各個參數的變量值。
<!--2秒後跳轉到對應的網址，註意引號--> <meta http-equiv="refresh" content="2;URL=https://www.oldboyedu.com"> <!--指定文檔的編碼類型--> <meta http-equiv="content-Type" charset=UTF8"> <!--告訴IE以最高級模式渲染文檔--> <meta http-equiv="x-ua-compatible" content="IE=edge">
2.name屬性: 主要用於描述網頁，與之對應的屬性值為content，content中的內容主要是便於搜索引擎機器人查找信息和分類信息用的。
<meta name="keywords" content="meta總結,html meta,meta屬性,meta跳轉"> <meta name="description" content="Python學院">
HTML常用標簽，轉義符