1. 程式人生 > >html--標籤2

html--標籤2

1、列表

(1)作用:有條理的顯示資料,用於佈局

(2)組成:

    列表型別:

        有序列表:<ol></ol>

        無序列表: <ul></ul>

    列表項:

    <li></li>

(3)列表ol/ul屬性

    有序列表

    type:指定標識項的型別

        1:預設值

        a/A:大小寫的英文字母

        i/I:羅馬數字

    start:指定其實編碼,無單位的數字

    無序列表

        type:設定表示項的型別

            disc:預設值,實心圓

            cicle:空心圓

            square:實心方塊

            none:不顯示標識

(4)列表的巢狀

    所有的巢狀必須寫在li中

    li中巢狀其他標籤 a img span b i

    li中巢狀其他列表

(5)定義列表

    常用於給一類事物名字作出解釋說明

<dl>
        <dt>楊樹林</dt>
        <dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa cum dolorum ducimus exercitationem ipsam iusto, laborum magnam molestiae nulla pariatur, perspiciatis quidem quisquam voluptatibus! Assumenda beatae ex molestiae quod sapiente?</dd>
</dl>

2、結構標記

    由於描述整個網頁的結構,取代div做佈局,提升標記的語義性

(1)常用的幾個標記

        <header></header>:定義網頁或者某個區域的頭部內容

        <nav></nav>:定義網頁的導航欄

        <section></section>:定義頁面的主體資訊

        <aside></aside>:定義頁面的側邊欄資訊

        <footer></footer>:定義網頁或者某個區域的底部內容

        <article></article>:定義與文字相關的內容,論壇,帖子