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

Time:2020/04/07

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

 

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

 

 

 

聯絡我們

電話:(02)8663-9590

專員:0983-316-190

信箱:shg4c209@gmail.com

臺北市文山區辛亥路四段128之11號9樓

(週一至週五 上午9:30~12:00 下午1:00~6:30)