天天看點

XHTML十步進行曲

< DOCTYPE html PUBLIC -WCDTD XHTML StrictEN httpwwwworgTRxhtmlDTDxhtml-strictdtd>

1.要進行聲明,放在最頂部。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

2.要進行名字空間

<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">

3.定義語言編碼

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<?XML version="1.0" encoding="gb2312"?>

4.調用樣式表

   内嵌式:

<style type="text/css"><!-- body {background:#fff;color:#000;} --></style>

   外部式:

<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" />

   雙表法:

<style type="text/css" media="all">@import url(css/style01.css );</style>

5.收藏夾小圖示(注意圖示要放在跟目錄哦!)

<link rel="icon" href="/favicon.ico" type="image/x-icon" />

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

6.為搜尋引擎準備的内容

允許搜尋機器人搜尋站内所有連結。如果你想某些頁面不被搜尋,推薦采用robots.txt方法

<meta content="all" name="robots" />

設定站點作者資訊

<meta name="author" content="[email][email protected][/email],野草" />

設定站點版權資訊

<meta name="Copyright" content="www.yecaoweb.com,XHTML,ASP" />

站點的簡要介紹(推薦)

<meta name="description" content="設計網站" />

站點的關鍵詞(推薦)

<meta content="Web,standards,xhtml,css,Design" name="keywords" />

7.XHTML代碼規範

*一層一層的嵌套必須是嚴格對稱

*必須都是小寫

*屬性值必須要有引号

*必須嚴格關閉标簽

8.CSS入門

*群選擇器,如:p,td,li{font-size:12px;}

*派生選擇器,如:li a{color:#000;}

*id選擇器,如:#pic{color:#000}   //調用時用,如<p id="pic"></p>

*類别選擇器,如:.pic{color:#000}   //調用時用,如<p class="pic"></p>

*超連接配接設定,CSS中用四個僞類來定義連結的樣式,分别是:a:link、a:visited、a:hover和a : active,例如:

   a:link{font-weight:bold;text-decoration:none;color:#c00;}

   a:visited {font-weight:bold ;text-decoration:none;color:#c30 ;}

   a:hover {font-weight:bold;text-decoration:underline ;color:#f60 ;}

   a:active {font-weight:bold;text-decoration:none;color:#F90;}

9.CSS布局入門,常用CSS屬性,如下:

   position:absolute;    //絕對定位

   float:left或right;    //浮動

   clear:both或left或right   //取消浮動(就像吃玩飯後要洗碗一樣!)

   padding:0px;          //内更新檔

   margin:0px;           //外更新檔

   display:block或inline; //外聯或内聯

   background:url(img.gif) #000 repeat-x left; //url(圖象) 顔色值 重複 對齊方向

   border:#000 2px solid;    //邊框顔色 邊框寬度 邊框樣式

10.校驗及常見錯誤

   到老外的網站去驗證,[url]http://validator.w3.org/[/url] (為什麼不是中文網站!-_-$)

本文轉自 netcorner 部落格園部落格,原文連結:http://www.cnblogs.com/netcorner/archive/2007/04/06/2912396.html  ,如需轉載請自行聯系原作者

上一篇: em與px