你知道出現“亂碼”的原因是什么嗎？（4）

作者簡介

作者名：1_bit
簡介：CSDN博客專家，2020年博客之星TOP5，藍橋簽約作者。15-16年曾在網上直播，帶領一批程序小白走上程序員之路。歡迎各位小白加我咨詢我相關信息，迷茫的你會找到答案。

一、亂碼從何而來

🐶1_bit：上一節還記得講了什么嗎？

👸小媛：講了啥，上一節講了一些又沒講完，就等于沒講，你說你要曠班了。

🐶1_bit：喔，你就記得這個呀。

👸小媛：這件事尤為重要。

🐶1_bit：那好，我還記得就行了。上一節講了基礎文檔中的 <!DOCTYPE html>、 <html lang="zh">、 <html></html> 、<body></body> ，那么這一節我們就把其他的標簽給講完吧？

👸小媛：就等你這句話了，趕緊的。

🐶1_bit：那行，那我們就開始吧。我們先來了解一下<head> 標簽吧。<head> 標簽用來描述網頁自身的元信息。

👸小媛：所以什么是原信息呢？凈是一些聽不懂的東西。

🐶1_bit：元信息其實就是指這個網頁本身的信息，例如標題。

👸小媛：唔，大致明白。

🐶1_bit：那就接著繼續聽我說吧。

👸小媛：行。

🐶1_bit：我們可以看到 <head> 標簽中有 <meta> 標簽、<title> 標簽。

🐶1_bit：這些標簽為當前頁面頁面的一些基礎屬性，例如我們先看 <head> 標簽的第一個標簽 <meta charset="UTF-8">；<meta charset="UTF-8"> 標簽標示了當前網頁的編碼方式為 UTF-8。

👸小媛：那什么是編碼方式呢？

🐶1_bit：編碼方式你可以理解成一種字符的識別方式，編碼方式有很多，例如 ASCII 也是一種編碼方式，若你的計算機使用這種編碼方式，則會顯示不了中文，此時你的中文將會是亂七八糟的東西，很多人所說的“亂碼”就是這樣來的；因為出現亂碼的那個系統、軟件使用的編碼方式并不支持中文。

👸小媛：明白了，意思就是有一種識別方法，我們需要使用中文就需要支持中文的編碼方式對吧？

🐶1_bit：是這個意思，例如我們的第一個標簽 <meta charset="UTF-8"> 其中的 UTF-8 就表示當前所使用的編碼方式，而 charset 則是指定編碼方式為某個類型，這個屬性屬于頁面元信息，所以就放在 <head>標簽里面了，而 <meta> 是一種通用的元信息表示標簽，它沒有結束標簽，一般是一個屬性名加一個屬性值。

👸小媛：懂了，怪不得那么多個 <meta> 原來是定義了很多屬性。

🐶1_bit：嗯，但是還有兩條消息我們暫時不好去理解內容，之后我們再講解，現在刪除即可，或者不刪除也沒事。

二、原來這就是 `<title>` 標簽，真簡單

👸小媛：明白了，接下來你應該講 <title> 這個標簽了。

🐶1_bit： <title> 這個標簽很好理解，你直接更改里面的值，例如我改成如下形式。

<title>CSDN 博主 1_bit 的 HTML 知識匯總頁面</title>

👸小媛：那會怎樣呢？

🐶1_bit：你改成我這個樣子，然后打開頁面看看效果如何。

👸小媛：打開了，我發現我的網頁標題變了呢。

🐶1_bit：對的，這個就是標題，修改標題信息在你運行網頁的時候就會顯示成什么信息。

👸小媛：明白了。

🐶1_bit：現在這個基礎標簽大致都明白了吧，難度不是很大吧。

👸小媛：了解了就簡單，不了解就難，不過聽你這么一說我覺得只需要了解基礎使用的標簽就可以完成大致的一個頁面了呢。

🐶1_bit：是這樣呢，所以恐懼感減少了吧。

👸小媛：沒恐懼呢，挺簡單的。

🐶1_bit：那我們下一節見。

👸小媛：…你…別跑。

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/news/286870.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/286870.shtml
英文地址，請注明出處：http://en.pswp.cn/news/286870.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！