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 原始碼來看,馬上就發現問題的癥結點,如下:

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

     
 <title>全部最新開課時間表 -【飛肯設計學苑】</title>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 

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

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

  
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

 <title>全部最新開課時間表 -【飛肯設計學苑】</title>
 

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

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

共勉之,一起加油!

by
姜智豪
老師

關於 姜智豪 老師

從事網頁設計工作和教學工作 20 多年,參與設計過許多網站開發專案。從 1998 年開始從事教學工作,對於網頁設計教學有相當高的熱忱,於 2006 年創立飛肯設計學苑。主要專長 HTML、CSS、JavaScript、jQuery、RWD 等網頁設計技術,對於 SEO 搜尋引擎排名最佳化,以及 Instructional Design 教學專案設計亦有深入的研究。

當您對本文有任何問題或指教,歡迎到我們的【飛肯粉絲團】一起交流討論喔!

posted in Dreamweaver 網頁設計 and tagged , , .

迴響已被關閉。