重新认识HTML（一）别来无恙
生活随笔
收集整理的這篇文章主要介紹了
重新认识HTML（一）别来无恙
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
寫在前邊
- 一直以來，我只顧向前一路瘋跑，卻忘記駐足停下?？磩e人可以的，自己卻不行。為將來焦慮，為能力苦惱…卻不曾回頭看看走過那段艱難的路…emmm編不下去了，不得不說，干上了程序員自己的語言功底真是慘不忍睹啊！
- 直接了當(dāng)?shù)恼f，就是想回過頭把入門時(shí)學(xué)的東西再來一遍，二次吸收，希望能在悟出些精華，基本功能扎實(shí)。主要是忘了好多，不得不回頭看看了。。。。。。。做個(gè)簡(jiǎn)單筆記，記錄記錄忘了的，模糊的，重要的
內(nèi)核
- 瀏覽器內(nèi)核：排版引擎、解釋引擎、渲染引擎
- 負(fù)責(zé)讀取網(wǎng)頁內(nèi)容，整理訊息，計(jì)算網(wǎng)頁的顯示方式并顯示頁面。
web標(biāo)準(zhǔn)
- 構(gòu)成：結(jié)構(gòu)標(biāo)準(zhǔn)，表現(xiàn)標(biāo)準(zhǔn)和行為標(biāo)準(zhǔn)
- 結(jié)構(gòu)標(biāo)準(zhǔn)用于對(duì)網(wǎng)頁元素進(jìn)行整理和分類(HTML)
- 表現(xiàn)標(biāo)準(zhǔn)用于設(shè)置網(wǎng)頁元素的版式、顏色、大小等外觀屬性(CSS)
- 行為標(biāo)準(zhǔn)用于對(duì)網(wǎng)頁模型的定義及交互的編寫(JavaScript)
Web標(biāo)準(zhǔn)的優(yōu)點(diǎn)
- 易于維護(hù)：只需更改CSS文件，就可以改變整站的樣式
- 頁面響應(yīng)快：HTML文檔體積變小，響應(yīng)時(shí)間短
- 可訪問性：語義化的HTML（結(jié)構(gòu)和表現(xiàn)相分離的HTML）編寫的網(wǎng)頁文件，更容易被屏幕閱讀器識(shí)別
- 設(shè)備兼容性：不同的樣式表可以讓網(wǎng)頁在不同的設(shè)備上呈現(xiàn)不同的樣式
- 搜索引擎：語義化的HTML能更容易被搜索引擎解析，提升排名
HTML
- HTML并不是編程語言，它是一種超文本標(biāo)記語言。全名：Hyper Text Markup Language
- 所謂超文本：文本包括圖片、聲音、動(dòng)畫、多媒體等內(nèi)容（超越文本限制 ），可以從一個(gè)文件跳轉(zhuǎn)到另一個(gè)文件，與世界各地主機(jī)的文件連接（超級(jí)鏈接文本）。
HTML構(gòu)成
<!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>網(wǎng)頁</title> </head><body>我是超級(jí)碼農(nóng) </body></html>- <!DOCTYPE >：說明的XHTML或者HTML是什么版本。<!DOCTYPE html>告訴瀏覽器按照HTML5標(biāo)準(zhǔn)解析頁面。
- <html lang="en"></html>：指定該html標(biāo)簽內(nèi)容所用的語言
- en 定義語言為英語
- zh-CN 定義語言為中文
- 作用：lang屬性來設(shè)定不同語言的css樣式，或者字體；告訴搜索引擎做精確的識(shí)別；幫助翻譯工具做識(shí)別；讓語法檢查程序做語言識(shí)別；幫助網(wǎng)頁閱讀程序做識(shí)別。
- <head></head>：頭部標(biāo)簽。
- <meta charset="UTF-8">: 指定字符集。計(jì)算機(jī)要準(zhǔn)確的處理各種字符集文字，需要進(jìn)行字符編碼，以便計(jì)算機(jī)能夠識(shí)別和存儲(chǔ)各種文字。
- UTF-8 是目前最常用的字符集編碼方式，俗稱萬國(guó)碼。讓 html 文件是以 UTF-8 編碼保存的， 瀏覽器根據(jù)編碼去解碼對(duì)應(yīng)的html內(nèi)容。
- <meta name="viewport" content="width=device-width, initial-scale=1.0">：通常viewport是指視窗、視口。瀏覽器上(也可能是一個(gè)app中的webview)用來顯示網(wǎng)頁的那部分區(qū)域。在移動(dòng)端和pc端視口是不同的，pc端的視口是瀏覽器窗口區(qū)域，而在移動(dòng)端有三個(gè)不同的視口概念：布局視口、視覺視口、理想視口
- <meta http-equiv="X-UA-Compatible" content="ie=edge">：告訴IE瀏覽器，IE8/9以上的瀏覽器均以最高版本的IE運(yùn)行
- <body></body>：寫頁面內(nèi)容
總結(jié)
以上是生活随笔為你收集整理的重新认识HTML（一）别来无恙的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 响应式Spring的道法术器（Sprin
- 下一篇： 《现代前端技术解析》第4-5章 阅读笔