< 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 ,如需轉載請自行聯系原作者