你知道出现“乱码”的原因是什么吗？（4）
作者簡(jiǎn)介
作者名：1_bit
簡(jiǎn)介：CSDN博客專家，2020年博客之星TOP5，藍(lán)橋簽約作者。15-16年曾在網(wǎng)上直播，帶領(lǐng)一批程序小白走上程序員之路。歡迎各位小白加我咨詢我相關(guān)信息，迷茫的你會(huì)找到答案。
目錄
HTML基礎(chǔ)之bit哥的反客為主之道（9）—— <big></big> 放大標(biāo)簽 h5不支持、 <center></center> 居中h5不支持、<blockquote></blockquote> 引用標(biāo)簽
趕緊3分鐘學(xué)完15分鐘的內(nèi)容我要出去玩（8）—— <big></big> 放大標(biāo)簽 h5不支持、 <center></center> 居中h5不支持、<blockquote></blockquote> 引用標(biāo)簽
我使用 html 反向輸出自己打自己（7）——<a>超鏈接、<bdo>覆蓋
我化身保姆為你提供 html 教學(xué)服務(wù)（6）——<b>加粗、<br>換行、<hr>分隔
我開始一直以為網(wǎng)頁制作好難（5）——<h1></h1> 標(biāo)題、<p></p> 段落、
你知道出現(xiàn)“亂碼”的原因是什么嗎？（4）——編碼、<title></title> 網(wǎng)頁標(biāo)題、
一個(gè)基礎(chǔ)的 HTML 文檔有哪些標(biāo)簽？第一節(jié)（3）—— <!DOCTYPE html>說明、<head></head> 頭部、<body></body> 主體、
使用 Vscode 編寫 HTML 文檔竟然可以自動(dòng)寫代碼（2）—— vscode、快捷方式
保姆級(jí)的HTML零基礎(chǔ)教程少見吧？這是第一節(jié)（1）——介紹、雞湯
一、亂碼從何而來
🐶1_bit：上一節(jié) 還記得講了什么嗎？
👸小媛：講了啥，上一節(jié)講了一些又沒講完，就等于沒講，你說你要曠班了。
🐶1_bit：喔，你就記得這個(gè)呀。
👸小媛：這件事尤為重要。
🐶1_bit：那好，我還記得就行了。上一節(jié)講了基礎(chǔ)文檔中的 <!DOCTYPE html>、 <html lang="zh">、 <html></html> 、<body></body> ，那么這一節(jié)我們就把其他的標(biāo)簽給講完吧？
👸小媛：就等你這句話了，趕緊的。
🐶1_bit：那行，那我們就開始吧。我們先來了解一下<head> 標(biāo)簽吧。<head> 標(biāo)簽用來描述網(wǎng)頁自身的元信息。
👸小媛：所以什么是原信息呢？凈是一些聽不懂的東西。
🐶1_bit：元信息其實(shí)就是指這個(gè)網(wǎng)頁本身的信息，例如標(biāo)題。
👸小媛：唔，大致明白。
🐶1_bit：那就接著繼續(xù)聽我說吧。
👸小媛：行。
🐶1_bit：我們可以看到 <head> 標(biāo)簽中有 <meta> 標(biāo)簽、<title> 標(biāo)簽。
🐶1_bit：這些標(biāo)簽為當(dāng)前頁面頁面的一些基礎(chǔ)屬性，例如我們先看 <head> 標(biāo)簽的第一個(gè)標(biāo)簽 <meta charset="UTF-8">；<meta charset="UTF-8"> 標(biāo)簽標(biāo)示了當(dāng)前網(wǎng)頁的編碼方式為 UTF-8。
👸小媛：那什么是編碼方式呢？
🐶1_bit：編碼方式你可以理解成一種字符的識(shí)別方式，編碼方式有很多，例如 ASCII 也是一種編碼方式，若你的計(jì)算機(jī)使用這種編碼方式，則會(huì)顯示不了中文，此時(shí)你的中文將會(huì)是亂七八糟的東西，很多人所說的“亂碼”就是這樣來的；因?yàn)槌霈F(xiàn)亂碼的那個(gè)系統(tǒng)、軟件使用的編碼方式并不支持中文。
👸小媛：明白了，意思就是有一種識(shí)別方法，我們需要使用中文就需要支持中文的編碼方式對(duì)吧？
🐶1_bit：是這個(gè)意思，例如我們的第一個(gè)標(biāo)簽 <meta charset="UTF-8"> 其中的 UTF-8 就表示當(dāng)前所使用的編碼方式，而 charset 則是指定編碼方式為某個(gè)類型，這個(gè)屬性屬于頁面元信息，所以就放在 <head>標(biāo)簽里面了，而 <meta> 是一種通用的元信息表示標(biāo)簽，它沒有結(jié)束標(biāo)簽，一般是一個(gè)屬性名加一個(gè)屬性值。
👸小媛：懂了，怪不得那么多個(gè) <meta> 原來是定義了很多屬性。
🐶1_bit：嗯，但是還有兩條消息我們暫時(shí)不好去理解內(nèi)容，之后我們?cè)僦v解，現(xiàn)在刪除即可，或者不刪除也沒事。
二、原來這就是 <title> 標(biāo)簽，真簡(jiǎn)單
👸小媛：明白了，接下來你應(yīng)該講 <title> 這個(gè)標(biāo)簽了。
🐶1_bit： <title> 這個(gè)標(biāo)簽很好理解，你直接更改里面的值，例如我改成如下形式。
<title>CSDN 博主 1_bit 的 HTML 知識(shí)匯總頁面</title>👸小媛：那會(huì)怎樣呢？
🐶1_bit：你改成我這個(gè)樣子，然后打開頁面看看效果如何。
👸小媛：打開了，我發(fā)現(xiàn)我的網(wǎng)頁標(biāo)題變了呢。
🐶1_bit：對(duì)的，這個(gè)就是標(biāo)題，修改標(biāo)題信息在你運(yùn)行網(wǎng)頁的時(shí)候就會(huì)顯示成什么信息。
👸小媛：明白了。
🐶1_bit：現(xiàn)在這個(gè)基礎(chǔ)標(biāo)簽大致都明白了吧，難度不是很大吧。
👸小媛：了解了就簡(jiǎn)單，不了解就難，不過聽你這么一說我覺得只需要了解基礎(chǔ)使用的標(biāo)簽就可以完成大致的一個(gè)頁面了呢。
🐶1_bit：是這樣呢，所以恐懼感減少了吧。
👸小媛：沒恐懼呢，挺簡(jiǎn)單的。
🐶1_bit：那我們下一節(jié)見。
👸小媛：…你…別跑。
總結(jié)
以上是生活随笔為你收集整理的你知道出现“乱码”的原因是什么吗？（4）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 一个基础的 HTML 文档有哪些标签？（
- 下一篇： 我抓到bit哥了，嘿嘿嘿（5）