一種通用的網(wǎng)頁設(shè)計(jì)規(guī)范

2013-12-12 09:32:19 電力信息化　點(diǎn)擊量：評論 (0)

0引言作為B S架構(gòu)辦公自動化系統(tǒng)的主要角色，網(wǎng)頁已經(jīng)被越來越多地應(yīng)用到實(shí)際工作中去，而基于網(wǎng)頁的動態(tài)站點(diǎn)則成為重要的一種軟件系統(tǒng)應(yīng)用方式。我們在參考了眾多的網(wǎng)頁設(shè)計(jì)文檔后發(fā)現(xiàn)，大多數(shù)的網(wǎng)頁在設(shè)計(jì)時(shí)除

其他meta 標(biāo) 記

樣式表定義

客戶端Javascript 函數(shù)定義及初始化操作

</head>

… …

</body>

為了保證網(wǎng)站能夠與下一代的web 語言xml 標(biāo)準(zhǔn)兼容，所有的HTML 標(biāo)簽的屬性都要用單引號或者雙引號括起，即我們應(yīng)該寫 <a href=”url”> 而不是 <a href=url>.

2）允許全文檢索的頁面，為了使Internet 上的搜索引擎能夠有效檢索，在頻道的首頁的html的<head></head>之間應(yīng)該加入Keywords 和Description 元標(biāo)記，例如：

3）CSS 文件的格式樣例代碼：

<!—

p { text-indent: 2em; }

body { font-family: "宋體"; font-size: 9pt; color: #000000; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}

table { font-family: "宋體"; font-size: 9pt; line-height: 20px; color: #000000}

a:link { font-size: 9pt; color: #FFFFFF; text-decoration: none}

a:visited { font-size: 9pt; color: #99FFFF; text-decoration: none}

a:hover { font-size: 9pt; color: #FF9900; text-decoration: none}

a:active { font-size: 9pt; color: #FF9900; text-decoration: none}

a.1:link { font-size: 9pt; color: #3366cc; text-decoration: none}

a.1:visited { font-size: 9pt; color: #3366cc; text-decoration: none}

a.1:hover { font-size: 9pt; color: #FF9900; text-decoration: none}

a.1:active { font-size: 9pt; color: #FF9922; text-decoration: none}

.blue { font-family: "宋體"; font-size: 10.5pt; line-height: 20px; color: #0099FF; letter-spacing: 5em}

-->

</style>

　　這里尤其要注意的是a:link a:visited a:hover a:actived 的排列順序一定要嚴(yán)格照上面的樣例代碼，否則或多或少會出問題。另外我們規(guī)定重定義的最先，偽類其次，自定義最后，便于自己和他人閱讀！

　　為了保證不同瀏覽器上字號保持一致，字號建議用點(diǎn)數(shù)pt和像素px來定義，pt一般使用中文宋體的9pt和11pt，px一般使用中文宋體12px 和14.7px 這是經(jīng)過優(yōu)化的字號，黑體字或者宋體字加粗時(shí)，一般選用11pt和14.7px 的字號比較合適。

在寫 <table> 互相嵌套時(shí)，嚴(yán)格按照的規(guī)范，對于單獨(dú)的一個(gè)<table>來說，

責(zé)任編輯：和碩涵

免責(zé)聲明：本文僅代表作者個(gè)人觀點(diǎn)，與本站無關(guān)。其原創(chuàng)性以及文中陳述文字和內(nèi)容未經(jīng)本站證實(shí)，對本文以及其中全部或者部分內(nèi)容、文字的真實(shí)性、完整性、及時(shí)性本站不作任何保證或承諾，請讀者僅作參考，并請自行核實(shí)相關(guān)內(nèi)容。

我要收藏

個(gè)贊