1. 程式人生 > 實用技巧 >(四)語義化標籤

(四)語義化標籤

語義化標籤

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        在使用html標籤時,應該關注的是標籤的語義,而不是它的樣式

        標題標籤:
            h1~h6 一共六級標題
            從h1~h6重要性遞減,h1最重要,h6最不重要
            h1在網頁中的重要性僅次於title標籤,一般情況下頁面中只會有一個h1
            一般情況下標題標籤只會使用到h1~h3,h4~h6很少用

        在頁面中獨佔一行的元素稱為塊元素(black element)
     
--> <h1>一級標題</h1> <h2>二級標題</h2> <!-- hgroup標籤用來為標題分組,可以將一組相關的標題同時放入到hgroup --> <hgroup> <h1>回鄉偶書</h1> <h2>其一</h2> </hgroup> <!-- p標籤表示頁面中的一個段落 p也是一個塊元素,獨佔一行
--> <p> pppp </p> <p> pppp </p> <!-- em標籤用於表示語音語調的一個加重(斜體) 在頁面中不會獨佔一行的元素稱為行內元素 --> <p>今天天氣<em></em>不錯</p> <!-- strong標籤表示強調,重要內容! --> <
p>你今天必須要<strong>完成作業</strong></p> <!-- blockquote表示一個長引用 --> 魯迅說: <blockquote> 我沒說過 </blockquote> <!-- q表示一個短引用 --> 子曰<q>學而時習之,嘿嘿嘿</q> <!-- br標籤表示換行 --> <br> <br> 今天天氣不報錯 </body> </html>