[HTML][新手] 04. 中文編碼表示meta charset - 進度條

關於. meta裡面主要放的是一些關於網站內容的描述或SEO相關的關鍵字等，除此之外，還有一個描述是關於編碼，它的擺放位置是 ... 進度條 登入 線上教學 優惠組合 顧問服務 架站服務 所有文章 系列教學 筆記 [HTML][新手]04.中文編碼表示metacharset [HTML][新手]04.中文編碼表示metacharset 作者:進度條編輯群 更新日期: 2020/10/03 此文章也有影片介紹，可以搭配影片一起學習！ 01.中文編碼表示metacharset (所屬課程) 以下正式開始文章 關於   meta裡面主要放的是一些關於網站內容的描述或SEO相關的關鍵字等，除此之外，還有一個描述是關於編碼，它的擺放位置是在裡，在一些程式碼編輯器(例如brackets)，就算你沒有宣告編碼，       它還是會很聰明的幫你轉成正常的中文編碼。

        但如果你不是經由編輯器打開，而是直接打開檔案的話，       它會變成亂碼，       為甚麼呢?   原因是因為我們寫的HTML文件內容是用UTF-8做編碼的(Brackets與現在的程式編輯器都是如此設定)，但是我們卻沒有告訴它要用什麼解碼，有點像影片解碼的概念，所以我們必須要告訴它，在中間輸入(不分大小寫，寫UTF-8或utf-8都可以)，     這是有歷史因素的，在早期電腦全球化之前，製作的廠商與工程師並沒有意識到除了英文以外的重要性，或是說，應該由該國家的工程師自己製作。

總之每個國家在電腦普及的過程中，都有了一大堆當地的廠商製作的文字編碼邏輯。

有點像是手機充電器一樣的概念，一下子MiniUSB,一下子又MicroUSB，沒事再來個USBTypeC。

即使到現在，Windows10裡的命令提示字元的預設語系還是不是UTF-8，所以瀏覽器預設不是UTF-8也是剛好而已。

    在Brackets編輯器裡面metacharset裡面會提供很多的值，utf-8和big-5都是中文常用的編碼。

如果你看一些很古早的網站(大概是20年前)，中文很多都是big-5編碼，現在因為都是用utf-8。

所以有時候瀏覽一些中文網站變成亂碼的時候，它很可能是用big-5編碼，那如果你把編碼轉成big-5以後，應該就會正常顯示了。

也就是說，如果那個網站還在用big-5的話，有可能十幾二十年都沒有再維護了，資料也可能很舊了，因為我們現在的話中文都是用utf-8編碼。

    我們改成後再執行一次， utf-8可以寫成UTF-8，電腦還是認得。

    就會正常顯示中文字了！         最後，如果你喜歡我們的文章，別忘了到我們的FB粉絲團按讚喔!! 圖文系列教學: HTML新手網站基礎教學 [HTML][新手]04.中文編碼表示metacharset [HTML][新手]05.文字標籤h1~h6,p與span [HTML][新手]06.其他方便的文字標籤與圖文編輯器的關係-以CKEditor為例 [HTML][新手]07.Div標籤以及CSS高,寬與背景顏色屬性 [HTML][新手]08.其他與Div相似的HTML5所建議的標籤Main,Header,Footer等 [HTML][新手]09.tag(連結標籤)介紹1,轉址與開啟新頁籤 [HTML][新手]10.tag(連結標籤)介紹2,定位點與寄信 [HTML][新手]11.列表介紹ul,ol,dl [HTML][新手]12.表格介紹Table [HTML][新手]13.Imgtag-圖片介紹 [HTML][新手]14.影片與網頁嵌入(iframe)-例如youtube [HTML][新手]15.輸入欄位(input)-簡介與瀏覽器顯示比較 從另一個方向介紹網頁、HTML、CSS與JavaScript。

[HTML][新手]01.程式編輯器Brackets安裝教學 [HTML][新手]02.什麼是HTML與如何建立它 [HTML][新手]03.分行與分隔線(br,hr)與註解 進度條編輯群 進度條編輯團隊 關聯文章 [JavaScript]上傳圖片不難，那上傳同時預覽呢？ 很多程式功能看起來是一件事，但其實它們只是被設計成剛好一起發生。

從另一個方向介紹網頁、HTML、CSS與JavaScript。

程式語法都知道卻怎麼都想不出功能該怎麼實現？這可能是你知道的還不夠多。

[已結束][實體課程]WordPress跨界網站接案講座暨工作坊|開源研究室x進度條線上課程 活動已結束，感謝同學支持，還請期待下次活動 網站電商如同實體店面，盲目跟風設計真的好嗎？讓我們來介紹UI、UX的重要性 Ikea如迷宮版的賣場動線、全聯呈現多樣商品的壅擠成列都有他們的原因，你的網站設計概念為何？ [HTML][新手]02.什麼是HTML與如何建立它 本文將示範如何建立第一個HTML檔 想寫桌面程式卻無從下手？Electron讓你橫跨WindowsMacOS與Linux無煩惱！ 從前端到DesktopApplication？淺談跨平台整合方案Electron.js 響應式頁面只能用Bootstrap3製作嗎？不，但它最方便！ 響應式頁面(Responsive)框架百花齊放，但依情況其實並不真的有那麼多的選擇。

製作網站不能沒有談到的功能-RWD響應式設計(自適應網頁) RWD響應式設計已經是常識了，在規劃網站的時候絕對不能沒有它 [JavaScript]上傳圖片同時預覽一張不夠，那你有試過兩張嗎？ 上傳圖片同時預覽已經會了，但改成多張圖片好像就不會了。

[ReactJS]01.為什麼要用ReactJS 從頭開始，從使用面與程式碼來介紹ReactJS 顯示全部 最新文章 [遠振]不寫程式的網站製作，無經驗用Sitebuilder架站客製最上手 只需要滑鼠拖曳就可以快速排版，RWD響應式手機網頁輕鬆完成 5分鐘自架免費VPN設定步驟教學，在LinuxVPS上自架OpenVPN搞定跳板連線 利用Ubuntu自架VPN超快，照著做輕鬆簡單不失敗！ 你的地區可能無法觀看此影片？快使用VPN跳板來解決地須限制跨區解鎖觀看！ 被限制IP地區使用VPN已經是常識，但你知道基本VPN原理與自架和服務商的差別嗎？ [LayerStack]完整LinuxVPS使用PM2與Nginx架設Node.js站台設定中文教學 使用LayerStackVPS透過CN2GIA最高級線路，讓網站在中國大陸也可順暢連線 桌面太小被電腦螢幕佔據嗎？Ultrarm螢幕支架應該就是你要的推薦方案喔！扎實用料一次到位。

台灣公司Ultrarm螢幕支架相當堅固可以一次架兩個螢幕，最高支援49"吋螢幕。

如何避免自製WordPress外掛被GPL授權？顧客購買「付費版」可以免費無限複製不用付授權費嗎？ 開不開源是個人選擇，豐富社群當然是件好事。

但是被強迫開源就不是開發者所樂見的事了。

【微創業】電商為何要自架站台？被平台綁架的下場只有流量營業額減半等著你-自架站台的重要性(二) 我電商就賺飽了，為何要架設一個網站？架設網站一定要用WordPress嗎？ 【IKoula】使用LinuxVPS上架設PHP站台全紀錄！從Ubuntu設定到網站上線一次搞定 經濟實惠的IKoulaVPS，適合初學者練習與進階商業架站的好選擇！ 後端工程師(BackendDeveloper)是什麼？成為後端需要學習什麼技術？很難嗎？ 前端與後端差別在哪？如何選擇？為何後端工程師也要學習基礎「前端」技術？ 想快速保障網站安全？快嘗試SucuriCDNWAF雲端應用防火牆！遠振代理台灣專業服務協助設定。

架站不會程式？WordPress被入侵？使用SucuriCDNWAF以銅板價格讓你一天內就確保網站安全！ 顯示全部 線上課程 網路關鍵字佔領技術，微創業與數位行銷正規作戰方式 Laravel後端PHP架站，APIServer與訂閱軟體全攻略 WordPress-從頭教起的網站架設 程式客製WooCommerce，WordPress購物系統全解析 iOS-Swift5手機程式開發，使用APP與網站互動 Electron跨平台桌面程式，建立點餐系統與裝置控制 C語言-近代程式語言的基礎 ES6,ReactJS與Webpack，前端JavaScript全攻略 從零開始的SQL語法與資料庫設計-以MySQL來攻略 Linux雲端伺服器，用AWS暸解Apache與Nginx HTML,CSS,JavaScript,jQuery網頁從零開始 Git程式版本管控-由簡單到難 Bootstrap5與Sass，製作RWD客製化響應式網站 快速開發，從頭教起的RubyonRails後端之旅 行動第一!使用Bootstrap建立響應式RWD網站!