Html裏div標籤的部分使用規則和方法

div標籤

這裏我們要認識一下HTML裏使用非常多的的一個標籤:<div>。

<div>標籤定義文檔中的分區或節（division/section），他可以把文檔分割為獨立的、不同的部分。它也可以用來佈局，劃分網頁的區域。在標籤的嵌套使用上會經常使用<div>標籤，讓頁面結構更加清晰。

具體使用是這樣的：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<h1>添加一個<div>標籤</h1>
<div>第一個DIV</div>
<div>第二個DIV</div>
<div>第三個DIV</div>
</body>
</html>

頁面的效果也比較明瞭簡單：

div 標籤在用element ui中的啥代替_嵌套

一塊塊的列表

網頁上經常會呈現許許多多的東西，這時候我們就要給不相關的兩個東西分別套上div標籤，表示這是兩個獨立的部分。

<div>標籤經常用來包在其他標籤的外面，這樣可以讓佈局更加清晰。如果你是一個愛整理的人，你會很喜歡使用<div>標籤。

試着給列表標籤嵌套上div標籤，會是怎樣的呈現呢？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<h1>給標籤嵌套上<div>標籤</h1>
<div>
    <ul>
        <li>第一個列表項</li>
        <li>第二個列表項</li>
    </ul>
</div>
<div>
    <ol>
        <li>第一個列表項</li>
        <li>第二個列表項</li>
    </ol>
</div>
</body>
</html>

更多學習體驗，就在碼芽網http://www.mayacoder.com/lesson/index

div 標籤在用element ui中的啥代替_嵌套_02