首頁 >web前端 >前端問答 >html5 ul是什麼意思

html5 ul是什麼意思

青灯夜游
青灯夜游原創
2022-03-15 18:10:186085瀏覽

在html5中,ul全名為“unordered list”,意思是“無序列表”,無序列表之間的內容沒有順序,使用“

  • ”標籤定義列表的每一項;語法「
    • 項值
    • 項值
    • ...
    」。
  • html5 ul是什麼意思

    本教學操作環境:windows7系統、HTML5版、Dell G3電腦。

    在html5中,ul全名為“unordered list”,意思為“無序列表”。

    作用: 給一堆內容添加無序列表語義(一個沒有先後順序整體), 列表中的條目是不分先後

    無序列表之間的內容沒有順序,使用

  • 標籤來表示清單的每一項。

    例如,早餐的種類不需要顯示順序,這時就可以使用無序列表。

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>HTML无序列表</title>
    </head>
    <body>
        <p>早餐的种类:</p>
        <ul>
            <li>鸡蛋</li>
            <li>牛奶</li>
            <li>面包</li>
            <li>生菜</li>
        </ul>
    </body>
    </html>

    html5 ul是什麼意思

    注意事項:

    • 瀏覽器會給無需列表自動添加先導符號但是一定一定千萬千萬要記住, ul的作用並不是給文字添加小圓點, 而是增加無序列表的語意

      • 其實ul還有一個type屬性, 可以修改先導符號的樣式, 取值有disc、square、circle幾種

      • ##但是由於樣式將來都是透過css來完成, 所以這裡就不給大家介紹了

    • ul是一個群組標籤, 一定是一坨一坨的出現, 也就是說li標籤不能單獨存在, 必須包裹在ul裡面

    • 由於ul和li是一個整體, 所以ul裡面不推薦包裹其它標籤, 永遠記住ul裡面最好只寫li標籤

    • 雖然ul中推薦只能寫li標籤, 但是li標籤是一個容器標籤, li標籤中可以添加任意標籤, 甚至可以添加ul標籤

    • <ul>
        <li>
            好吃的
            <ul>
                <li>牛奶</li>
                <li>面包</li>
            </ul>
        </li>
        <li>
            日用的
            <ul>
                <li>毛巾</li>
                <li>牙膏</li>
            </ul>
        </li>
      </ul>
    【相關推薦:

    html影片教學web前端#

  • 以上是html5 ul是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章!

    陳述:
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn