對HTML的認識

2021-10-11 03:13:41 字數 4263 閱讀 3317

html全稱為hypertext markup language,譯為超文字標記語言,不是一種程式語言,是一種描述性的標記語言,用於描述超文字中內容的顯示方式。比如字型什麼顏色,大小等。

標記 :《英文單詞或者字母》稱為標記,乙個html頁面都是由各種標記組成。

作用:html是負責描述文件語義的語言。

注意:html語言不是乙個程式語言(有編譯過程),而是乙個標記語言(沒有編譯過程),html頁面直接由瀏覽器解析執行。

html是負責描述文件語義的語言

html中,除了語義,其他什麼都沒有。

html是乙個純本文檔案(就是用txt檔案改名而成),用一些標籤來描述文字的語義,這些標籤在瀏覽器裡面是看不到的,所以稱為「超文字」,所以就是「超文字標記語言」了。

所以,接下來,我們肯定要學習一堆html中的標籤對兒,這些標籤對兒能夠給文字不同的語義。

比如,面試的時候問你,h1標籤有什麼作用?

我們專門來對xhtml做乙個介紹。

xhtml介紹:

xhtml:extensible hypertext markup language,可擴充套件超文字標註語言。

xhtml的主要目的是為了取代html,也可以理解為html的公升級版。

html的標記書寫很不規範,會造成其它的裝置(ipad、手機、電視等)無法正常顯示。

xhtml與html4.0的標記基本上一樣。

xhtml是嚴格的、純淨的html。

我們稍後將對xhtml的編寫規範進行介紹。

ps:字尾名不能決定檔案格式,只能決定開啟檔案開啟的方式。

計算機,不能直接儲存文字,儲存的是編碼。

計算機只能處理二進位制的資料,其它資料,比如:0-9、a-z、a-z,這些字元,我們定義一套規則來表示。假如:a用110表示,b用111表示等。

ascii碼:

美國發布的,用1個位元組(8位二進位制)來表示乙個字元,共可以表示2^8=256個字元。

美國的國家語言是英語,只要能表示0-9、a-z、a-z、特殊符號。

ansi編碼:

每個國家為了顯示本國的語言,都對ascii碼進行了擴充套件。用2個位元組(16位二進位制)來表示乙個漢字,共可以表示2^16=65536個漢字。例如:

中國的ansi編碼是gb2312編碼(簡體),對6763漢字進行編碼,含600多特殊字元。另外還有gbk(簡體)。

日本的ansi編碼是jis編碼。

台灣的ansi編碼是big5編碼(繁體)。

gbk:

對gb2312進行了擴充套件,用來顯示罕見的、古漢語的漢字。現在已經收錄了2.1萬左右。並提供了1890個漢字碼位。k的含義就是「擴充套件」。

unicode編碼(統一編碼):

用4個位元組(32位二進位制)來表示乙個字元,想法不錯,但效率太低。例如,字母a用ascii表示的話乙個位元組就夠,可用unicode編碼的話,得用4個位元組表示,造成了空間的極大浪費。a的unicode編碼是0000 0000 0000 0000 0000 0000 0100 0000

utf-8(unicode transform format)編碼:

根據字元的不同,選擇其編碼的長度。比如:乙個字元a用1個位元組表示,乙個漢字用2個位元組表示。

毫無疑問,開發中,都用utf-8編碼吧,準沒錯。

中文能夠使用的字符集兩種:

字型檔規模: utf-8(字全) > gb2312(只有漢字)

重點1:避免亂碼

我們用meta標籤宣告的當前這個html文件的字型檔,一定要和儲存的檔案編碼型別一樣,否則亂碼!(重點)。

當我們不設定的時候,sublime預設型別就是utf-8。而一旦更改為gb2312的時候,就一定要記得設定一下sublime的儲存型別:檔案→ set file encoding to → chinese simplified(gbk)

重點2:utf-8和gb2312的比較

儲存大小:utf-8(更臃腫、載入更慢) > gb2312 (更小巧,載入更快)

總結:

列出2個使用情形:

1) 你們公司是做日本動漫的,經常出現一些日語動漫的名字,網頁要使用utf-8。如果用gb2312將無法顯示日語。

2) 你們公司就是中文網頁,極度的追求網頁的顯示速度,要使用gb2312。如果使用utf-8將每個漢字多乙個byte,所以5000個漢字,多5kb。

我們親測:

新華網藏語頻道,使用的是utf-8,保證字符集的數量。

對了,我們是怎麼檢視網頁的編碼方式的呢?在瀏覽器中開啟網頁,右鍵,選擇「檢視網頁源**」,找到me標籤中的charset屬性即可。

那麼,我們為什麼可以檢視網頁的源**呢?因為這個開啟的網頁已經存到我的臨時資料夾裡了,臨時資料夾裡的html是純文字檔案,純文字檔案自然克以檢視網頁的源**了。

顏色表示:

rgb色彩模式:

目前,ie瀏覽器是完全不支援h5的,支援最好的是opera瀏覽器,可以支援95%以上;其次是google,可以支援一部分h5。

(1)所有標記元素都要正確的巢狀,不能交叉巢狀。正確寫法舉例:

(2)所有的標記都必須小寫。

(3)所有的標記都必須關閉。

(4)所有的屬性值必須加引號。

(5)所有的屬性必須有值。

(6)xhtml文件開頭必須要有dtd文件型別定義

(1)html對換行不敏感,對tab不敏感

html只在乎標籤的巢狀結構,巢狀的關係。誰巢狀了誰,誰被誰巢狀了,和換行、tab無關。換不換行、tab不tab,都不影響頁面的結構。

也就是說,html不是依靠縮進來表示巢狀的,就是看標籤的包裹關係。但是,我們發現有良好的縮排,**更易讀。要求大家都正確縮排標籤。

(2)空白摺疊現象

html中所有的文字之間,如果有空格、換行、tab都將被摺疊為乙個空格顯示。

(3)標籤要嚴格封閉

標籤不封閉是災難性的。

備註:

html標籤通常是成對出現的(雙邊標記),比如

,也有單獨呈現的標籤(單邊標記),如:

等。

屬性與標記之間、各屬性之間需要以空格隔開。屬性值以雙引號括起來。

使用emmet外掛程式快速生成html的骨架

在sublime text中安裝emmet外掛程式。

新建html檔案,輸入html:xt,按tab鍵後(或者按ctrl+e),自動生成的**如下:

新建html,輸入html:5後,按tab鍵後,自動生成的**如下:

任何乙個標準的html頁面,第一行一定是乙個以

即網頁的頭部,裡面的內容是給瀏覽器看的 主要是網頁的配置頭標籤都放在頭部分之間。包括:即網頁的主體,裡面的內容都是給使用者看的接下來,我們講一下裡的各種標籤的屬性。

對html的全新認識

一 之前對於html的認知 2.html的所有標籤都是內建的,並且可以通過css進行樣式的修改。3.html是解釋型語言,不需要編譯,當我們部署到伺服器上,客戶端訪問的時候自己進行解析。4.html語言是w3c組織開發的 錯誤 5.html通過jsp達到動態網頁的效果 6.所有標籤都可以通過樣式指定...

對「認識」的認識

很早就想談談關於 認識 的認識。這是乙個巨集大深刻的哲學問題。只是覺得沒有完全思考清楚,還以為觀點有些偏頗,擔心自己沒能力系統論述,就遲遲沒有動筆。但想到談論的問題本身就是乙個偏頗的問題,而且,我始終覺得,問題儘管偏頗,但卻不無道理。所以,提筆寫下這篇文字。正像思想的本質是不安一樣,認識的本質是片面...

我對HTML5的初步認識

對於html5的初步認識!下面都是自己打的絕對沒複製!html5基本標籤!標題標籤 h1 h6 段落標籤 p p 空格標籤 換行標籤 br 水平線標籤 hr 加粗標籤 strong strong 斜體標籤 em em 大於號標籤 小於號標籤 引號標籤 版權符號標籤 影象標籤 img 鏈結標籤 a 無...