網頁結構

一、網頁中主體結構標簽一一對應。

網頁頭部區域

網頁底部區域

網頁邊框區域

網頁導航區域

網頁章節、頁眉、頁腳

詳情頁文章區域

詳情頁作者信息

詳情頁中文章的發布日期

列表頁中文章列表區域

二、其他說明

1、首頁head中標注Meta標簽協議，標識對應的網頁瀏覽，

只適合PC瀏覽

只適合移動設備瀏覽

響應式瀏覽

2、在head中標注地域服務信息。

name屬性的值是location、Content的值為province=北京;city=北京; coord=116.306522891,40.0555055968；

province為省份簡稱，city為城市簡稱，均不可為空；

coord是頁面信息的經緯度坐標，采用的是bd09ll坐標。若頁面信息為城市級別，填寫城市中心點即可。若頁面信息有具體的地址，經緯度坐標填寫該具體地址的坐標(可以通過百度地圖的地址解析 API獲取)。

3、文章頁head接入百度OG協議、360OG協議

百度OG協議；

360OG協議

4、移動站網頁字號等要求

1、主體內容含文本段落時，正文字號推薦14px，行間距推薦(0.42~0.6)*字號，正文字號不小于10px，行間距不小于0.2*字號；

2、主體內容含多圖時，除圖片質量外，應設置圖片寬度一致位置統一；

3、 主體內容含多個文字鏈時，文字鏈字號推薦14px或16px：字號為14px時，縱向間距推薦13px；字號為16px時，縱向間距推薦14px；文字鏈整體可點區域不小于40px；

4、主體內容中的其他可點區域，寬度和高度應大于40px；

首頁

首頁logo處使用H1標簽，圖片必須包含alt屬性，標題為站點名稱。

說明:H1標簽在任何頁面只允許出現一次！！！

主導航處欄目列表使用H2標簽，次導航使用H3標簽；

圖片、圖標從img標簽加載必須有alt屬性；

站外鏈接除友情鏈接與我司網站鏈接，一律增加nofollow；

列表頁

列表頁欄目名稱處使用H1標簽，站點logo處使用H2標簽，

導航、圖片、圖標、站外鏈接、友情鏈接要求同首頁；

文章頁

文章頁文章標題處使用H1標簽，

Logo處、導航、圖片、圖標、站外鏈接、友情鏈接要求同首頁

性能優化

1、HTML中img標簽引入時，需要聲明img大小；

2、JS、CSS文件需要壓縮；

3、js文件默認底部引用；

4、圖片實際大小與網頁大小一致；