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 無...