H5的塊級標(biāo)簽有哪些

發(fā)布時間：2020-12-05 10:20:39 來源：億速云閱讀：169 作者：小新欄目：web開發(fā)

這篇文章將為大家詳細(xì)講解有關(guān)H5的塊級標(biāo)簽有哪些，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

塊級元素，簡單來說，就是自己獨占一行的元素。其特點：

①總是在新行上開始；

?、诟叨?，行高以及外邊距和內(nèi)邊距都可控制；

?、蹖挾热笔∈撬娜萜鞯?00%，除非設(shè)定一個寬度。

④它可以容納內(nèi)聯(lián)元素和其他塊元素

匯總代碼如下：

<!doctype html>  
<html>  
<head>  
    <meta charset="UTF-8">  
    <title>Document</title>  
</head>  
<body>  
    <!-- 塊狀元素 獨占一行 -->  
    <!-- div無語義,稱它為盒子 -->  
    <div>盒子</div>  
    <!-- h2-h7語義 定義標(biāo)題 -->  
    <h2>標(biāo)題1</h2>  
    <h3>標(biāo)題2</h3>  
    <h7>標(biāo)題3</h7>  
    <!-- p 語義 段落標(biāo)簽 寫文字-->  
    <p>文章</p>  
    <!-- 列表多數(shù)用來存一系列的相似的數(shù)據(jù) -->  
    <!-- 有序列表 -->  
    <ol>  
        <li>導(dǎo)航1</li>  
        <li>導(dǎo)航2</li>  
        <li>導(dǎo)航3</li>  
    </ol>  
    <!-- 無序列表 -->  
    <ul>  
        <li>導(dǎo)航1</li>  
        <li>導(dǎo)航2</li>  
        <li>導(dǎo)航3</li>  
    </ul>  
    <!-- 定義列表 解釋某個名詞 -->  
    <dl>  
        <dt>名詞</dt>  
        <dd>解釋名詞的位置</dd>  
    </dl>  
    <!-- 表格 渲染性能不好 少用 -->  
    <table>  
        <caption>表格頭部</caption>  
        <!-- tr是行 -->  
        <tr>  
            <!-- th表頭 -->  
            <th>星期一</th>  
            <th>星期二</th>  
        </tr>  
        <tr>  
            <!-- td單元格 -->  
            <td>上課</td>  
            <td>上課</td>  
        </tr>  
    </table>  
</body>  
</html>

關(guān)于H5的塊級標(biāo)簽有哪些就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

H5的塊級標(biāo)簽有哪些

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽