重新认识HTML（一）别来无恙
生活随笔
收集整理的這篇文章主要介紹了
重新认识HTML（一）别来无恙
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
寫在前邊
- 一直以來，我只顧向前一路瘋跑，卻忘記駐足停下。看別人可以的，自己卻不行。為將來焦慮，為能力苦惱…卻不曾回頭看看走過那段艱難的路…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>：寫頁面內容
總結
以上是生活随笔為你收集整理的重新认识HTML（一）别来无恙的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 响应式Spring的道法术器（Sprin
- 下一篇： Zero-Shot Graph Rela