寫在前邊
- 一直以來，我只顧向前一路瘋跑，卻忘記駐足停下，看別人可以的，自己卻不行，為將來焦慮，為能力苦惱…卻不曾回頭看看走過那段艱難的路…emmm編不下去了，不得不說，干上了程式員自己的語言功底真是慘不忍睹啊！
- 直接了當的說，就是想回過頭把入門時學的東西再來一遍，二次吸收，希望能在悟出些精華，基本功能扎實，主要是忘了好多，不得不回頭看看了，，，，，，，做個簡單筆記，記錄記錄忘了的，模糊的，重要的
內核
- 瀏覽器內核：排版引擎、解釋引擎、渲染引擎
- 負責讀取網頁內容，整理訊息，計算網頁的顯示方式并顯示頁面，
web標準
- 構成：結構標準，表現標準和行為標準
- 結構標準用于對網頁元素進行整理和分類(HTML)
- 表現標準用于設定網頁元素的版式、顏色、大小等外觀屬性(CSS)
- 行為標準用于對網頁模型的定義及互動的撰寫(JavaScript)
Web標準的優點
- 易于維護：只需更改CSS檔案，就可以改變整站的樣式
- 頁面回應快：HTML檔案體積變小，回應時間短
- 可訪問性：語意化的HTML（結構和表現相分離的HTML）撰寫的網頁檔案，更容易被螢屏閱讀器識別
- 設備兼容性：不同的樣式表可以讓網頁在不同的設備上呈現不同的樣式
- 搜索引擎：語意化的HTML能更容易被搜索引擎決議，提升排名
HTML
- HTML并不是編程語言，它是一種超文本標記語言，全名：Hyper Text Markup Language
- 所謂超文本：文本包括圖片、聲音、影片、多媒體等內容（超越文本限制 ），可以從一個檔案跳轉到另一個檔案，與世界各地主機的檔案連接（超級鏈接文本），
HTML構成
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>網頁</title>
</head>
<body>
我是超級碼農
</body>
</html>
<!DOCTYPE >：說明的XHTML或者HTML是什么版本，<!DOCTYPE html>告訴瀏覽器按照HTML5標準決議頁面，<html lang="en"></html>：指定該html標簽內容所用的語言- en 定義語言為英語
- zh-CN 定義語言為中文
- 作用：lang屬性來設定不同語言的css樣式，或者字體；告訴搜索引擎做精確的識別；幫助翻譯工具做識別；讓語法檢查程式做語言識別；幫助網頁閱讀程式做識別，
<head></head>：頭部標簽，<meta charset="UTF-8">: 指定字符集，計算機要準確的處理各種字符集文字，需要進行字符編碼，以便計算機能夠識別和存盤各種文字，- UTF-8 是目前最常用的字符集編碼方式，俗稱萬國碼，讓 html 檔案是以 UTF-8 編碼保存的， 瀏覽器根據編碼去解碼對應的html內容，
<meta name="viewport" content="width=device-width, initial-scale=1.0">：通常viewport是指視窗、視口，瀏覽器上(也可能是一個app中的webview)用來顯示網頁的那部磁區域，在移動端和pc端視口是不同的，pc端的視口是瀏覽器視窗區域，而在移動端有三個不同的視口概念：布局視口、視覺視口、理想視口<meta http-equiv="X-UA-Compatible" content="ie=edge">：告訴IE瀏覽器，IE8/9以上的瀏覽器均以最高版本的IE運行<body></body>：寫頁面內容
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/298161.html
標籤：其他