新手不會注意到的，5大網站程式設計規則 !

我們正在進入一個前端網頁設計的新時代，網站的設計需要考慮到智能設備的功能。但是，即便到現在還有許多依然需要開發者高度注意。

 

1、善用DIV來佈局

當開發一個Web頁面時，要考慮第一件事就是區分頁面重點。將這些內容用DIV標籤包含起來，頁面的代碼會呈現出整潔、縮進良好的風格。

 

2、善用標題元素

<h1> 到<h6>這些元素用來突出頁面的重點內容。這有助於用戶更加關注頁面的重點部分。對於博客，我(指本文作者)推薦使用<h1>標籤來突出博客標題。因為，博客標題幾乎是頁面中最重要的部分。

 

3、將HTML標籤和CSS樣式表分割開來

好的頁面應該將HTML標籤和CSS樣式表分割開來。這是每一個Web開發者在首次接觸Web開發時就應該知道的一條原則。然而，直到今天，仍然有很多開發者沒有嚴格遵循這一原則。

不要在HTML標籤里內嵌樣式表代碼。開發者應該養成習慣，單獨建立文件，用以存放CSS樣式表。而這也將方便其他開發者在修改你的代碼時，能迅速完成工作。

 

4、為圖片標籤添加alt屬性

在<img>標籤裡，alt屬性通常非常有用。因為搜索引擎通常無法直接抓取圖片文件。但是，如果開發者在alt屬性裡添加了圖片的描述內容，將會方便搜索引擎的抓取。

 

5、在表格里使用<label>和<fieldset>

為了提高代碼質量，並讓用戶容易理解表格內容，我們應該用<label> 和<fieldset>標籤創建表格元素。