在網頁中 HTML負責結構，CSS負責表現
所以在使用 html標簽的時候，因當關注的是標簽的語義，而不是標簽的表現樣式
塊元素 （block element）在網頁中使用塊元素進行布局
行內元素（inline element）行內元素主要用來包裹文字
會在塊元素中放行內元素，但是不會在行內元素中放塊元素
塊元素中基本上什么都能放，p元素中不能放任何塊元素。
瀏覽器在解析網頁中，會自動對網頁中不符合規范的內容進行修正，會在內存中糾正錯誤，在開發者工具中查看（右鍵檢查 或 f12）
比如：標簽寫在根元素外面、p元素中嵌套了塊元素、根元素中出現了除了head 或 body之外的子元素
塊元素（block element）獨占一行，並且有自動填滿父元素，可以設置 margin 和 padding 以及寬度和高度
行內元素（inline element）不會獨占一行，widthh 和 heighth會失效，並且在垂直方向上的 paddingy 與 margin 會失效
標題標簽：
h1～ h6 一共有六級標題，獨占一行（塊元素）
從 h1~h6 重要性遞減，h1最重要，h6最不重要
h1在網頁中的重要性進次於 title 標簽，一般情況下一個頁面中只會有一個 h1
一般情況下頁面中的標題標簽只會用到 h1~h3，h4~h6很少用到（重要性基本上可忽略不計了）
<h1>一級標題</h1> <h2>二級標題</h2> <h3>三級標題</h3> <h4>四級標題</h4> <h5>五級標題</h5> <h6>六級標題</h6>
標題分組 hgroup：
hgroup 標簽用來為標題分組，可以將一組相關的標題同時放入到 hgroup。
<hgroup> <h2>title 1</h2> <h2>title 2</h2> </hgroup>
段落標簽
p 標簽表示頁面中的一個段落，p元素也會獨占一行，p元素也是塊元素
<p>段落</p>
其他語義標簽
| 語義 | 標簽 | 說明 |
| 加粗 | <strong></strong> 或者 <b></b> | strong 標簽加粗，語義更加強烈 |
| 傾斜 | <em></em> 或者 <i></i> | em 標簽加粗，語義更強烈 |
| 刪除線 | <del></del> 或者 <s></s> | del 標簽加粗，語義更強烈 |
| 下划線 | <ins></ins> 或者 <u></u> | ins 標簽加粗，語義更強烈 |
em 標簽：表示語音語調的加重突出重點，表現為斜體，行內元素
<em>em 加重語氣，表現為斜體</em><br> <i>i 斜體</i>
strong 標簽：表示強調，重要內容，表現為加粗效果，行內元素
<strong>strong 表示語氣加強</strong><br> <b>b 加粗字體</b>
ins 下划線，語氣更強烈
<ins>ins 下划線語氣更強烈</ins><br> <u>u 下划線</u>
del 刪除線，語義上表示強調
<del>del 刪除線語氣更強烈</del><br> <s>s 刪除線</s>
blockquote 便簽：表示長引用，表現為另起一行的縮進，塊元素
<blockquote>blockquote 便簽表示長引用，表現為另起一行的縮進</blockquote>
q 標簽：短引用，表現為雙引號將內容引起來，行內元素
短引用 <q>q 表現為雙引號將內容引起來</q>
br 標簽：換行標簽
布局標簽【結構化語義標簽】content sectioning
HTML5 定義了8個新的HTML 語義標簽（semantic），這些元素都是塊級元素。（不常用）
header 標簽表示網頁的頭部，在網頁中可以有很多頭部，也可以表示網頁中某一部分的頭部，H5新增標簽
main 表示網頁的主體部分，一個頁面中只會有一個main，H5
footer 表示網頁（網頁某一部分）的底部
nav 表示網頁中的導航
side 表示和主體相關的其他內容（側邊欄）
article 表示一個獨立的文章
section 表示一個獨立的區塊，上邊的標簽都不能表示時使用section
footer 表示網頁腳部
最常用的
div 沒有語義表示一個區塊，div是主流布局元素
span 行內元素，無語義，一般用於在網頁中選中文字
列表：
有序列表：ul
使用ul創建有序列表
li是列表項
<ul> <li>1</li> <li>2</li> <li>3</li> </ul>
無序列表：ol
使用ol創建無序列表
li是列表項
<ol> <li>one</li> <li>two</li> <li>three</li> </ol>
定義列表：
使用dl創建定義列表
使用dt表示定義的內容
使用dd對內容進行解釋說明
<dl> <dt>1</dt> <dd>這是第一個列表項</dd> <dt>2</dt> <dd>這是第二個列表項</dd> <dt>3</dt> <dd>這是第三個列表項</dd> </dl>
嵌套的列表，項目符號會發生改變，還會自動向內縮進
<ul> <li>1</li> <li>2</li> <ol> <li>one</li> </ol> </ul>
