亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

做HTML嵌套列表的正確方法?

做HTML嵌套列表的正確方法?

慕少森 2019-06-25 14:32:18
做HTML嵌套列表的正確方法?W3博士有一個嵌套列表示例以.為前綴DEPRECATED EXAMPLE:,但是他們從來沒有用一個非反對的例子來糾正它,也沒有確切地解釋過這個例子的錯誤之處。那么,這些方法中的哪一種是編寫HTML列表的正確方法呢?備選案文1*嵌套<ul>是父母的子女<ul><ul>     <li>List item one</li>     <li>List item two with subitems:</li>     <ul>         <li>Subitem 1</li>         <li>Subitem 2</li>     </ul>     <li>Final list item</li></ul>備選案文2*嵌套<ul>是<li>它屬于<ul>     <li>List item one</li>     <li>List item two with subitems:        <ul>             <li>Subitem 1</li>             <li>Subitem 2</li>         </ul>     </li>     <li>Final list item</li></ul>
查看完整描述

3 回答

?
慕田峪7331174

TA貢獻1828條經驗 獲得超13個贊

備選案文2是對的。

嵌套列表應該是在一個<li>元素嵌套在其中的列表中。

鏈接到W3CWiki的列表(摘自下面的注釋):HTML列表Wiki.

鏈接到HTML 5 W3Cul規格:HTML 5ul..注意,aul元素可能包含完全為零或更多的li元素。同樣適用于HTML 5ol..描述列表(HTML 5dl)是相似的,但允許兩者兼而有之。dtdd元素。

更多注釋:

  • dl

    =定義清單。
  • ol

    =有序列表(編號)。
  • ul

    =無序清單(子彈)。


查看完整回答
反對 回復 2019-06-25
?
泛舟湖上清波郎朗

TA貢獻1818條經驗 獲得超3個贊

備選案文2

<ul><li>Choice A</li><li>Choice B  <ul>
    <li>Sub 1</li>
    <li>Sub 2</li>
  </ul></li></ul>

嵌套列表-UL


查看完整回答
反對 回復 2019-06-25
?
茅侃侃

TA貢獻1842條經驗 獲得超22個贊

選項2是正確的:嵌套的<ul><li>它屬于我。

如果你驗證,選項1在html 5中出現錯誤-信用:用戶3272456


正確:<ul>作為.的孩子<li>

生成HTML嵌套列表的正確方法是使用嵌套的<ul>作為一個孩子<li>它屬于它的。嵌套列表應該在<li>元素中嵌套它的列表的。

<ul>
    <li>Parent/Item        <ul>
            <li>Child/Subitem            </li>
        </ul>
    </li></ul>

W3C標準嵌套列表

列表項可以包含另一個完整的列表-這稱為“嵌套”列表。它對于像目錄這樣的東西很有用,比如本文開頭的那個:

  1. 第一章
    1. 第一節
    2. 第二節
    3. 第三節
  2. 第二章
  3. 第三章

嵌套列表的關鍵是要記住嵌套列表應該與一個特定的列表項相關。為了在代碼中反映這一點,嵌套列表包含在該列表項中。上面列表的代碼如下所示:

<ol>
  <li>Chapter One    <ol>
      <li>Section One</li>
      <li>Section Two </li>
      <li>Section Three </li>
    </ol>
  </li>
  <li>Chapter Two</li>
  <li>Chapter Three  </li></ol>

之后,注意嵌套列表是如何開始的。<li>和包含列表項的文本(“第一章”);然后在</li>包含列表項的。嵌套列表通常是網站導航菜單的基礎,因為它們是定義網站層次結構的好方法。

理論上,您可以嵌套任意多的列表,盡管在實踐中,嵌套列表太深可能會使您感到困惑。對于非常大的列表,最好將內容分成幾個帶有標題的列表,或者甚至將其分割成單獨的頁面。


查看完整回答
反對 回復 2019-06-25
  • 3 回答
  • 0 關注
  • 2127 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號