HTML 語系編碼 charset 不要寫在標題 <title> 的下面

剛好最近有幾個同學都遇到這個問題,因些特別寫出來分享給大家~

怎麼網頁做好了,使用瀏覽器打開來看卻是一片空白,什麼都沒有…

做了一整天全泡湯了,在地上打滾大哭大叫,網頁就是怎麼也不肯出現,慘啊!

Dreamweaver 網頁設計  - HTML 語系編碼 charset 不要寫在標題 <title> 的下面 - smil49093b8c2560dDreamweaver 網頁設計  - HTML 語系編碼 charset 不要寫在標題 <title> 的下面 - smil49093b8c2560dDreamweaver 網頁設計  - HTML 語系編碼 charset 不要寫在標題 <title> 的下面 - smil49093b8c2560dDreamweaver 網頁設計  - HTML 語系編碼 charset 不要寫在標題 <title> 的下面 - smil49093b8c2560dDreamweaver 網頁設計  - HTML 語系編碼 charset 不要寫在標題 <title> 的下面 - smil49093b8c2560dDreamweaver 網頁設計  - HTML 語系編碼 charset 不要寫在標題 <title> 的下面 - smil49093b8c2560dDreamweaver 網頁設計  - HTML 語系編碼 charset 不要寫在標題 <title> 的下面 - smil49093b8c2560dDreamweaver 網頁設計  - HTML 語系編碼 charset 不要寫在標題 <title> 的下面 - smil49093b8c2560d

打開網頁的 HTML 原始碼來看,馬上就發現問題的癥結點,如下:

以下是出現錯誤狀況的寫法↓

 &lt;title&gt;全部最新開課時間表 -【飛肯設計學苑】&lt;/title&gt;
 
 &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;

語系編碼的語法 <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″> 這一行,寫在 <title>【飛肯設計學苑】</title> 的下面,造成瀏覽器一開始就無法解讀中文字,連帶造成後面的資料就全部都出不來了,真是任性的瀏覽器,切!

稍為修改一下,改變這兩行的順序,如下的寫法↓

 &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
 
 &lt;title&gt;全部最新開課時間表 -【飛肯設計學苑】&lt;/title&gt;

一切就恢復正常了,整個網頁都現身了,真感人,終於放心的可以下班了。

所以說呀,網頁設計師一定要學會 HTML 語法喔,不然,等出了問題,不會弄,真的就會死在那邊喔。

共勉之,一起加油!

by
姜智豪
老師

 

當您對本文有任何問題或指教,歡迎到我們的【網頁設計交流討論區】一起交流討論喔!

 

關於「姜智豪 老師」

於 1996 年開始從事網頁設計工作 20 多年,參與設計過許多網站專案的開發,一直熱衷網頁設計工作至今。從 1998 年開始從事教學工作,對於網頁設計教學有相當高的熱忱,於 2006 年創立飛肯設計學苑。主要專長 Photoashop、 HTML、CSS、RWD、JavaScript、jQuery 等網頁技術,對於 SEO 優化搜尋引擎排名提昇,以及 Instructional Design 教學專案設計亦有深入的研究。
posted in Dreamweaver 網頁設計 and tagged , , .

留言功能已關閉。