網站設計知識

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

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>標簽創建表格元素。