麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 開發(fā) > CSS > 正文

CSS網(wǎng)頁布局使用表格可以嗎?

2024-07-11 09:04:54
字體:
供稿:網(wǎng)友

武林網(wǎng)(www.companysz.com)文章簡介:CSS網(wǎng)頁布局的宗旨是語義化具有良好結(jié)構(gòu)的HTML文檔,將外觀表現(xiàn)分離到CSS文件中,這是webjx.com一直強調(diào)的頁面開發(fā)思維。

 CSS網(wǎng)頁布局的宗旨是語義化具有良好結(jié)構(gòu)的HTML文檔,將外觀表現(xiàn)分離到CSS文件中,這是webjx.com一直強調(diào)的頁面開發(fā)思維。有朋友在webjx論壇中提出問題,引發(fā)了思考。在html頁面,初學DivCSS網(wǎng)頁布局的時候,排斥table,用很多的div來嵌套:(看起來很差勁)

<div>
<div>DivCSS網(wǎng)頁布局中使用表格的一些討論</div><div></div>
<div>DivCSS網(wǎng)頁布局中使用表格的一些討論</div><div></div>
</div>


  如圖所示:

圖2。


  知道html要具有語義之后,進化成這樣的寫法:

<ul>
<li><span>DivCSS網(wǎng)頁布局中使用表格的一些討論</span><li>
<li><span>DivCSS網(wǎng)頁布局中使用表格的一些討論</span><li>
</ul>


  因為要固定標題的寬度,又涉及到<span>標簽的inline-block。
  而且,當涉及到標題一行,內(nèi)容需要換行的時候很麻煩,如圖效果:

CSS網(wǎng)頁布局使用表格可以嗎?

圖3。


  我想,既然要避免使用table標簽會造成如此多麻煩,可不可以干脆使用table呢,簡單直接,而且從html的語義上考慮,這樣的內(nèi)容似乎用table也有道理。但是語義并不明確。也不可取。

  我們來討論可以使用的方法:

CSS網(wǎng)頁布局使用表格可以嗎?

圖1。

CSS網(wǎng)頁布局使用表格可以嗎?

圖3。


  圖1和圖3,可以用無序列表ul或定義列表dl標識。配合使用li dt dd strong em span標簽。

圖2。


  圖2是一個表單,可以用form label input等標簽加以標識。

  小結(jié):

  這三個圖片所示的頁面元素,均不是表格類的數(shù)據(jù),用表格標簽不妥當。

  使用表格作為網(wǎng)頁排版、布局頁面元素是不合理的。
  表格是用來顯示數(shù)據(jù)的。
  至于什么樣的數(shù)據(jù)形式以表格來標識,沒有統(tǒng)一的規(guī)范。
  或許大家對它有著不同的理解,除了數(shù)據(jù)表,別的元素在什么情況下用表格表示呢。
  其實根據(jù)情況,可以選擇多種標簽??赡苁菬o序列表,可能是定義列表。
  至于CSS樣式的實現(xiàn),那就是屬性定義的問題。
  不要因為CSS設(shè)置比較繁瑣,而否定內(nèi)容本身的語義。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 一级做人爱c黑人影片 | 亚洲成人自拍电影 | 亚洲免费毛片基地 | 亚洲午夜视频 | 特级黄色影院 | 日本在线视频二区 | 欧美淫视频 | 在线观看一区二区三区四区 | 成人免费福利视频 | 日本羞羞的午夜电视剧 | 久久国产乱子伦精品 | 国产中出视频 | 国产精品一区二区三区在线看 | 久久看免费视频 | 欧美成人小视频 | 蜜桃传免费看片www 一本色道精品久久一区二区三区 | 成人毛片视频免费看 | 99精品视频在线 | 中文字幕一二三区芒果 | 色玖玖综合 | 99精品视频在线观看免费 | 日韩做爰视频免费 | 婷婷亚洲一区二区三区 | 欧美成人精品不卡视频在线观看 | 亚洲第一页视频 | 久久久线视频 | 国产精品视频一区二区三区四区国 | 欧美一级淫片免费视频黄 | 成熟女人特级毛片www免费 | 国产精品久久久久久影院8一贰佰 | 欧美黄 片免费观看 | 久久色网站 | 91短视频在线观看 | 国产精品视频久久久 | 精品久久一区二区 | 激情网站免费观看 | 毛片在线免费视频 | 日本在线一区二区 | chinese-xvideos| 国产精品入口夜色视频大尺度 | 爽爽视频免费看 |