資訊專欄INFORMATION COLUMN
摘要：布局標(biāo)簽所謂布局標(biāo)簽，很簡(jiǎn)單就是用來(lái)實(shí)現(xiàn)網(wǎng)頁(yè)布局的這些標(biāo)簽，是現(xiàn)在設(shè)計(jì)網(wǎng)頁(yè)中重要的標(biāo)簽。
什么是容器標(biāo)簽？在HTML開(kāi)發(fā)中我們常常會(huì)使用一類標(biāo)簽作為容器放置一些內(nèi)容，我們把這類標(biāo)簽稱之為容器標(biāo)簽，可以作為容器標(biāo)簽的包括列表標(biāo)簽、表格標(biāo)簽、框架標(biāo)簽、布局標(biāo)簽，在這里我們就來(lái)總結(jié)下這些內(nèi)容。
1 2 <ul> 3 <li>無(wú)序列表-1li> 4 <li>無(wú)序列表-2li> 5 <li>無(wú)序列表-3li> 6 <li>無(wú)序列表-4li> 7 <li>無(wú)序列表-5li> 8 ul> 9 10 <ul type="disc"> 11 <li>無(wú)序列表-1li> 12 <li>無(wú)序列表-2li> 13 <li>無(wú)序列表-3li> 14 <li>無(wú)序列表-4li> 15 <li>無(wú)序列表-5li> 16 ul> 17 18 <ul type="circle"> 19 <li>無(wú)序列表-1li> 20 <li>無(wú)序列表-2li> 21 <li>無(wú)序列表-3li> 22 <li>無(wú)序列表-4li> 23 <li>無(wú)序列表-5li> 24 ul> 25 26 <ul type="square"> 27 <li>無(wú)序列表-1li> 28 <li>無(wú)序列表-2li> 29 <li>無(wú)序列表-3li> 30 <li>無(wú)序列表-4li> 31 <li>無(wú)序列表-5li> 32 ul> 33 34 <ol> 35 <li>有序列表li> 36 <li>有序列表li> 37 <li>有序列表li> 38 <li>有序列表li> 39 <li>有序列表li> 40 ol> 41 42 <ol type="1"> 43 <li>有序列表li> 44 <li>有序列表li> 45 <li>有序列表li> 46 <li>有序列表li> 47 <li>有序列表li> 48 ol> 49 50 <ol type="I"> 51 <li>有序列表li> 52 <li>有序列表li> 53 <li>有序列表li> 54 <li>有序列表li> 55 <li>有序列表li> 56 ol> 57 58 <ol type="i"> 59 <li>有序列表li> 60 <li>有序列表li> 61 <li>有序列表li> 62 <li>有序列表li> 63 <li>有序列表li> 64 ol> 65 66 <ol type="A"> 67 <li>有序列表li> 68 <li>有序列表li> 69 <li>有序列表li> 70 <li>有序列表li> 71 <li>有序列表li> 72 ol> 73 74 <ol type="a"> 75 <li>有序列表li> 76 <li>有序列表li> 77 <li>有序列表li> 78 <li>有序列表li> 79 <li>有序列表li> 80 ol> 81 82 <dl> 83 <dt>自定義列表dt> 84 <dd>內(nèi)容dd> 85 <dt>自定義列表dt> 86 <dd>內(nèi)容dd> 87 <dt>自定義列表dt> 88 <dd>內(nèi)容dd> 89 dl> 90 <dl> 91 <dt>自定義列表dt> 92 <dd>內(nèi)容dd> 93 <dt>自定義列表dt> 94 <dd>內(nèi)容dd> 95 <dt>自定義列表dt> 96 <dd>內(nèi)容dd> 97 dl>View Code
在HTML中提供了三種列表形式，即無(wú)序列表、有序列表以及自定義列表。其中無(wú)序列表的應(yīng)用場(chǎng)景最多，自定義列表幾乎沒(méi)有被使用，有序列表只是在特殊的場(chǎng)合中使用。而且在使用有序列表的時(shí)候會(huì)遇到一個(gè)特別有意思的情況，就是有序列表的標(biāo)記可以是數(shù)字，而數(shù)字足夠我們使用，但是英文字母的數(shù)量是有限的，那么在列表項(xiàng)超過(guò)了26個(gè)英文字母的時(shí)候會(huì)遇到什么情況呢？
<table align=”表格對(duì)齊方式”> <tr> <td align=”單元格水平對(duì)齊方式”>單元格內(nèi)容td> <td valign=”單元格垂直對(duì)齊方式”>單元格內(nèi)容td> <td colsspan=”單元格所跨列數(shù)”>單元格內(nèi)容td> <td rowspan=”單元格所跨行數(shù)”>單元格內(nèi)容td> tr> table>View Code
表格結(jié)構(gòu)在互聯(lián)網(wǎng)早期被用作實(shí)現(xiàn)網(wǎng)頁(yè)的布局，但是現(xiàn)在表格只是用來(lái)呈現(xiàn)一些數(shù)據(jù)，因?yàn)楸砀窠Y(jié)構(gòu)會(huì)產(chǎn)生大量的標(biāo)簽，而且一旦網(wǎng)頁(yè)結(jié)構(gòu)改變，那么整個(gè)網(wǎng)頁(yè)的結(jié)構(gòu)就需要改變，這點(diǎn)對(duì)于開(kāi)發(fā)人員來(lái)說(shuō)會(huì)特別的痛苦，所以后來(lái)就逐漸的拋棄了這種方式。在這里我們只要熟悉表格結(jié)構(gòu)就好。
框架是互聯(lián)網(wǎng)早期的標(biāo)簽，現(xiàn)在開(kāi)發(fā)中基本上已經(jīng)不再使用了，但是在一些早期的網(wǎng)站中還可以看到這些內(nèi)容，所以有必要了解這些內(nèi)容。常見(jiàn)的框架標(biāo)簽包括