国产探花免费观看_亚洲丰满少妇自慰呻吟_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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 大邑县| 肥西县| 县级市| 兴和县| 曲阳县| 河西区| 汾西县| 稻城县| 大邑县| 榕江县| 深州市| 新龙县| 麦盖提县| 黑河市| 饶阳县| 巫溪县| 呼伦贝尔市| 婺源县| 赞皇县| 南宁市| 井陉县| 广饶县| 西安市| 沧州市| 鄂尔多斯市| 齐河县| 汶上县| 华宁县| 蒙阴县| 海伦市| 乡城县| 陈巴尔虎旗| 鄯善县| 永平县| 巴林右旗| 鹰潭市| 上高县| 南江县| 河西区| 和田市| 修文县|