html--標籤2
阿新 • • 發佈:2019-09-12
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>:定義與文字相關的內容,論壇,帖子