第2篇初識-HTML（1）

上一篇說到但願剛學習前端的小夥伴可以把網頁抽象成報紙來看待，而報紙最主要的是什麼呢？就是它的排版，而 HTML 的做用就是將網頁的框架給搭建起來，HTML 也叫超文本標記語言（Hyper Text Markup Language），它是一種標記語言並不是編程語言，看過報紙小夥伴必定知道爲何報紙有頭部，有段落文章，甚至還有小廣告，還有尾部。若是把單頁報紙抽象成網頁，它就造成了三部分。

紅色爲頭尾部，黃色爲中間，網頁和報紙同樣，它們遵循的報紙的排版的，有着語義化的意思，好比報紙它的頭部表明着重要的新聞以及當今的頭條大事則能夠看爲標題，它的中部則是記錄着事情的發展過程和一些奇聞趣事也叫段落，尾部則有着地址，尋人啓事的做用，在學習 HTML 以前咱們須要這樣去理解網頁的組成，而不是單單把它當作由各種標籤所組而成的。下列代碼則是報紙在網頁中框架。

它的形式並非固定的，就好比它的第1行代碼它表明的意思是聲明 HTML 的版本爲 HTML5，不一樣版本的則不一樣（有須要的能夠去了解），全部的HTML的標籤均可以分爲：單標籤和雙標籤；它們的關係也能夠分爲：父子關係和兄弟關係，也就是說它們能夠並列在一塊兒，也能夠套在一塊兒（只有雙標籤能夠嵌套使用），接下來就能夠劃分框架了，html 標籤能夠當作報紙所用的紙，head 標籤能夠當作報紙頭部內容，body 標籤能夠當作報紙的主內容也就是中部和尾部，所寫內容必須在標籤以內。如今咱們看第2行代碼，它就是「報紙」，而報紙後面的 lang="en" 是什麼意思呢？就是報紙上面所要寫的語言是什麼（en 表明英語，zh-cn 表明中文，相似等等），若是你用 en 書寫報紙，打開網頁的時候瀏覽器就會出現是否翻譯爲中文，咱們在接着往下看，報紙頭部內有個 meta 標籤，它則是表明字符集保存的編碼。

拓展：什麼是字符集的編碼，在計算機中存儲文字或者特殊符號它都是用01來表示的，爲了方便識別這些文字，他們將這些字作成一個系列存儲，就好比 a 的2進制轉化爲16進製爲97，相似這樣存儲下去，之後計算機讀取內存或者硬盤的97，將其轉爲2進制識別爲 a ，每一個國家的編碼是不一樣，而中國經常使用的是 GB2312（國標取首字母gb），GBK （國標擴展的意思），BIG5 （臺灣繁體字），UTF-8 （幾乎保護全部國家語言的一個集合）

最後還有個 title 標籤，它則是網頁標籤的所顯示內容，以下圖

如今咱們瞭解報紙的在網頁所組成的原理，接下來就是簡單的標籤了，仍是那句話瞭解報紙就是了解網頁，以上內容均爲學習所得，做爲分享與記錄，謝謝你們閱讀！持續更新！！！