標籤(元素)分類
HTML： Hyper Text Markup Language
HTML標籤又稱爲HTML元素，分內聯元素、塊級元素和內聯塊級元素。
基礎學習：[HTML基礎文檔]
（1）內聯元素
inline element
不獨佔一行，無法定義寬高
高度由本身內容大小決定，可嵌套內聯元素與純文本
strong、em、del、ins、sub、sup、span、label、a
（2）塊級元素
block element
獨佔一行，可以定義寬高
可以嵌套任何元素
div、p、h1~h6、address、ul、ol、li、dl、dt、dd、table、form、fieldset、legend、hr article、aside、footer、header、hgroup、main、nav、section、blockquote
（3）內聯塊級元素
inline-block element
不獨佔一行，可以定義寬高
img、input、select、textarea、iframe、canvas、audio、video
（4）使用注意
內聯元素可以嵌套內聯元素
塊級元素可以嵌套任何元素
p標籤不能嵌套div
a標籤不能嵌套a標籤
語義化標籤
代碼結構清晰，方便閱讀，有利於團隊合作開發
有利於搜索引擎優化（SEO）
方便其他設備解析(如屏幕閱讀器、盲人閱讀器、移動設備)，以語義的方式來渲染網頁
<title>：頁面主體內容。<hn>：h1~h6，分級標題，<h1> 與 <title> 協調有利於搜索引擎優化。<ul>：無序列表。<ol>：有序列表。<header>：頁眉通常包括網站標誌、主導航、全站鏈接以及搜索框。<nav>：標記導航，僅對文檔中重要的鏈接羣使用。<main>：頁面主要內容，一個頁面只能使用一次。如果是web應用，則包圍其主要功能。<article>：定義外部的內容，其中的內容獨立於文檔的其餘部分。<section>：定義文檔中的節（section、區段）。比如章節、頁眉、頁腳或文檔中的其他部分。<aside>：定義其所處內容之外的內容。如側欄、文章的一組鏈接、廣告、友情鏈接、相關產品列表等。<footer>：頁腳，只有當父級是body時，纔是整個頁面的頁腳。<small>：呈現小號字體效果，指定細則，輸入免責聲明、註解、署名、版權。<strong>：和 em 標籤一樣，用於強調文本，但它強調的程度更強一些。<em>：將其中的文本表示爲強調的內容，表現爲斜體。<mark>：使用×××突出顯示部分文本。<figure>：規定獨立的流內容（圖像、圖表、照片、代碼等等）（默認有40px左右margin）。<figcaption>：定義 figure 元素的標題，應該被置於 figure 元素的第一個或最後一個子元素的位置。<cite>：表示所包含的文本對某個參考文獻的引用，比如書籍或者雜誌的標題。<blockquoto>：定義塊引用，塊引用擁有它們自己的空間。<q>：短的引述（跨瀏覽器問題，儘量避免使用）。<time>：datetime屬性遵循特定格式，如果忽略此屬性，文本內容必須是合法的日期或者時間格式。<abbr>：簡稱或縮寫。<dfn>：定義術語元素，與定義必須緊挨着，可以在描述列表dl元素中使用。<address>：作者、相關人士或組織的聯繫信息（電子郵件地址、指向聯繫信息頁的鏈接）。<del>：移除的內容。<ins>：添加的內容。<code>：標記代碼。<meter>：定義已知範圍或分數值內的標量測量。（Internet Explorer 不支持 meter 標籤）<progress>：定義運行中的進度（進程）。<i>：用於定義圖標
a標籤作用
超鏈接標籤
打電話
發郵件
錨點定位
協議限定符
<a href="https://www.xxx.com">超鏈接標籤</a> <a href="tel:1343333333">打電話</a> <a href="mailto:[email protected]">發郵件</a> <a href="#miao">anchor 標籤(錨點)</a> <a href="javascript:void(0);">點擊不跳轉：點擊不跳轉</a> <a href="javascript:;">點擊不跳轉：點擊不跳轉</a