国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

XHTML+CSS教程:靈活運用HTML標記

2024-07-11 08:22:29
字體:
來源:轉載
供稿:網友

div+css網頁布局已逐漸流行,但面對所謂div+css布局的叫法讓人更為擔心,不要讓div成為table的替代品,多層嵌套的div會嚴重影響代碼的可閱讀性,活用html為我們提供的標簽吧。

  什么時候應該用div?

  雖然在這方面沒有什么硬性的規定,但個人認為div更適用于大體框架的定位.例如我們要定義一塊頭部的區域,一般會這樣定義一個div:

<div id="header">  這里就是頭部框架里要寫的內容</div>
  當然,可以用class來定義,但一般來講如不是在同一頁面會重復的元素,用id能更好的區別開來.

  本人觀察了下一個著名網站的首頁代碼,它的頭部定義代碼如下:
   <ul id="navbar">
   <li id="articles">
   <a href="/articles/" title="articles">articles</a></li>
   <li id="topics">
   <a href="/topics/" title="topics">topics</a></li>
   <li id="about">
   <a href="/about/" title="about">about</a></li>
   <li id="contact">
   <a href="/contact/" title="contact">contact</a></li>
   <li id="contribute">
   <a href="/contribute/" title="contribute">contribute</a></li>
   <li id="feed">
   <a href="/feed/" title="feed">feed</a></li>
   </ul>
   <h1 id="masthead">
   <a href="/">
   <img src="/pix/alalogo.gif" alt="a list apart: for people who make websites" />
   </a>
   </h1>
<div id="ish">
 <a href="/issues/214" title="issue 214">no. <em>214</em></a>
 </div> 

  定義了最上面的導航(ul部分),左邊的大logo和那個圓圓的no.xxxx的標記. 

  他沒有使用div來做頂部的框架,但卻很好的說明了這些代碼的用途,為什么?因為他活用了html提供的標簽,以及樣式名稱的定義

  其它最常用的布局標簽
h1
  這個標簽或許真正會去用的人很少,因為它顯示的字體真的是太"大"了,但我們是csser,有什么標簽樣式不能改呢?而且它所能表達的意思就如同它原先的作用一樣明顯(大標題)我想你已經知道怎么去用它了 ^_^

ul
  這個標簽很多情況是用來定義導航部分的,當然也可以用ol來代替,但導航連接沒有什么順序之分吧,所以還是用ul來的比較確切(去掉css后效果更明顯)

b
  這個已經不再推薦使用的標簽,在布局上卻能帶來不少的方便(因為短),雖然我不是太贊成使用這個標簽,但有些時候(比如細小地方的布局定義)還是不錯的選擇

h2
  h2使用最多的地方應該不是布局上,而是副標題,但有些地方需要定義欄目樣式的話,用這個標簽比較合適,欄目內容就使用p

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 太谷县| 上思县| 宜章县| 田林县| 基隆市| 同仁县| 石家庄市| 景洪市| 南郑县| 滦平县| 永济市| 黑水县| 砚山县| 丰县| 中西区| 磴口县| 兰坪| 上思县| 石柱| 杭州市| 鄂托克前旗| 衢州市| 盐边县| 桓仁| 稻城县| 邵东县| 三亚市| 玉林市| 磐安县| 嘉荫县| 平泉县| 丹巴县| 凌海市| 游戏| 防城港市| 丹寨县| 清水县| 若羌县| 镇安县| 若羌县| 丹寨县|