最近在複習以前學習的所有的前端知識點，總結一下，希望也對初學者有一些幫助。
首先我們都聽說過html，那麼什麼東西是html呢？
- • html的全稱是hyperText markup language， 超文本標記語言，在網頁中所有的文字圖片和組織架構都是由html來編寫的，當然html能夠完成的工作不止有這些。
- • 需要注意的是html並不是一種編程語言，它只是一種計算機語言，html不具備像c/c++/java等編程語言中的變量或者函數等東西，它僅僅由標籤組成–> <html></html>
- • 標籤中的閉合標籤可以和前面的標籤直接寫成一個單標籤形式<html/>，或者直接不寫，瀏覽器也是可以識別的，但是這樣不規範，最好寫完整的閉合標籤。
- • 最後，由於html並不是編程語言，沒有編譯過程，所以我們可以用任何可以寫字的軟件來編寫比如txt，不過我們一般使用sublime 或者 vs code 這兩個軟件編寫前端程序~
其次，我們可能會聽說過css樣式這個詞語，那麼什麼又是css呢？
- • css是層疊樣式表的意思，html的佈局、樣式修飾和一些簡單的動畫都是由css完成的。
最後我們還知道一門語言叫做javascript，那麼javascript又是做什麼的呢？
- • javascript的作用是實現人機交互作用，具體的我們在javascript部分介紹。(其實javascript與java並沒有什麼關係喲~)
認識了html、css和js以及他們的功能之後，我們正式進入html的學習部分。
- • 前面我們提到過html語言裏面的都是標籤，而html這個標籤則是根標籤，其他的東西都要放在這個標籤裏面編寫，次一級的兩個結構是head標籤和body標籤 –> <head></head> , <body></body> ， head是給瀏覽器看的，body是給整個頁面的主體部分，我們其他的展示出來的東西一般都放在body標籤下面。
這個時候我們創建一個txt文件，把後綴改成html在裏面寫好html、head、body標籤之後就可以在body裏面隨便寫一些文字了，然後用自己的瀏覽器打開這個文件，我們就可以發現在頁面上顯示出來我們所寫的文字了。
<html>
<head></head>
<body>12312313</body>
</html>
但是這個時候有一個問題，我們輸入英文是沒有問題很正常的顯示，但是中文就會變成一堆亂碼，這是由於此時的瀏覽器還不識別中文字符，我們還需要加一些東西，設置編碼格式。
- • 編碼格式是通過<meta>標籤來設置的，我們在<head>中添加一個<meta>標籤，注意這個標籤不需要寫閉合標籤，然後我們爲meta設置一個屬性chatset=”utf-8″ —-> <meta charset = “utf-8”>
- • 我們再來介紹一下編碼集。編碼集主要有gbk、gb2312、unicode、utf-8。gb2312是國標2312條，可以識別簡中日韓等亞洲語言，gbk是國標擴展，可以識別繁體中文，unicode是萬國碼，世界各國語言都包括在內，現在的unicode的升級版本是utf-8， 全稱是 unicode transformation format 公用的是這個編碼格式，可以識別所有的語言，所以前面三個基本不用(反正我沒見過…)。
- • 我們還可以在根標籤<html>裏面來加一條屬性lang 來告訴搜索引擎爬蟲我們網站使用什麼語言寫的，zh-cmn是中文，en是英文，一般二者一起寫en,zn-cmn —> <html lang=”en, zh-cmn”>
- • 其實meta還有很多其他的用處，比如設置移動端的頁面顯示大小，爲網頁被搜索的時候設置關鍵字等等。
現在我們再刷新一下網頁，剛纔書寫的中文已經可以顯示出來了喲~
下面我們介紹一下<head>標籤裏面的另一個標籤，<title>
- • <title>標籤是用來改變頁面的標題的，每一個網頁都有自己的名字，這個名字就是通過<title>標籤設置的。我們現在在<head></head>裏面加一個<title>HelloWorld</title>來看看效果，網頁的標題已經變成HelloWorld了喲~
最後我們介紹一下非常非常重要的專業素養：當前世界上的主流瀏覽器都有什麼呢？
- • ie 這個我們都知道 微軟的綁定瀏覽器
- • chrome 這個我們也都知道，谷歌瀏覽器，我們開發一般都用chrome來調試，因此每一個前端工程師都要有一個chrome喲~
- • firefox 火狐瀏覽器
- • opera 這是歐洲的一個瀏覽器，特點是兼容性很強
- • safari 我們也都知道
- • 主流瀏覽器只有以上5個！(UC搜狗什麼的都不是喲~)
當然只知道這些是不夠的，我們還需要知道這些主流瀏覽器的內核都是什麼呢？這纔是最重要的！
- • 首先我們要知道每一個瀏覽器都由兩部分組成：外殼+內核，外殼就是我們能看到的部分，而內核則是我們所需要掌握的知識。
- 瀏覽器 內核
- • ie trident
- • chrome Blink/webkit
- • firefox Gecko
- • opera presto
- • safari webkit
- • 谷歌以前和safari一起開發過所以以前用的是webkit，現在已經把webkit裏面的核心內容提取出來單獨做了一款新的內核叫做Blink。
以上就是第一次總結的東西，希望對大家有幫助喲~