web設計中關于首頁的規范寫法

2022-06-05 分類：網站建設

首頁的代碼關鍵在head區，head區是指首頁HTML代碼的<head>和</head>之間的內容。

head區必須加入的標識

公司版權注釋

網頁顯示字符集例如：
簡體中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
繁體中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5">
英語：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

原始制作者信息 <META name="author" content="webmaster@yoursite.com">

網站簡介 <META NAME="DESCRIPTION" CONTENT="這里填您網站的簡介">

搜索關鍵字 <META NAME="keywords" CONTENT="關鍵字1,關鍵字2,關鍵字3,...">

網頁的css規范 <LINK href="style/style.css" rel="stylesheet" type="text/css">

網頁標題 <title>這里是你的網頁標題</title>

head區可以選擇加入的標識

設定網頁的到期時間。一旦網頁過期，必須到服務器上重新調閱。
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">

禁止瀏覽器從本地機的緩存中調閱頁面內容。
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

用來防止別人在框架里調用你的頁面。
<META HTTP-EQUIV="Window-target" CONTENT="_top">

自動跳轉。
<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.yahoo.com">
5指時間停留5秒。

網頁搜索機器人向導.用來告訴搜索機器人哪些頁面需要索引，哪些頁面不需要索引。
<META NAME="robots" CONTENT="none">
CONTENT的參數有all,none,index,noindex,follow,nofollow。默認是all。

收藏夾圖標
<link rel = "Shortcut Icon" href="favicon.ico">

JS調用規范

所有的javascript腳本盡量采取外部調用
<SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"></SCRIPT>

CSS書寫規范

所有的CSS的盡量采用外部調用
<LINK href="style/style.css" rel="stylesheet" type="text/css">

書寫時重定義的最先，偽類其次，自定義最后（其中a:link a:visited a:hover a:actived 要按照順序寫）便于自己和他人閱讀。

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

CSS推薦模板。

bottom: 0px; margin-left: 0px}
table { font-family: "宋體"; font-size: 9pt; line-height: 20px; color: #000000}
a:link { font-size: 9pt; color: #0000FF; text-decoration: none}
a:visited { font-size: 9pt; color: #990099; 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: #FF9900; text-decoration: none}
.blue { font-family: "宋體"; font-size: 10.5pt; line-height: 20px; color: #0099FF; letter-spacing: 5em}
-->
</style>

body標識

為了保證瀏覽器的兼容性，必須設置頁面背景<body bgcolor="#FFFFFF">

網頁名稱：web設計中關于首頁的規范寫法
文章位置：http://m.newbst.com/news39/163639.html

成都網站建設公司_創新互聯，為您提供移動網站建設、微信小程序、自適應網站、全網營銷推廣、虛擬主機、外貿建站

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

web設計中關于首頁的規范寫法