初步認識HTML汉操,及其相關(guān)知識點

HTML愁铺、XML鹰霍、XHTML 的區(qū)別

HTML全名為超文本標記語言(Hyper Text Markup Language),是用于創(chuàng)建Web的標準的標記語言茵乱。
HTML編碼不規(guī)范茂洒,表現(xiàn)、結(jié)構(gòu)混亂似将。不利于開發(fā)和維護
XML全名為可擴展標記語言(Extensible Markup Language)获黔,它也是一種標記語言,不過它的標記是可以自定義的在验,通常用來傳送及攜帶數(shù)據(jù)玷氏。
XHTML是根據(jù)HTML 4 和 XML 1.0重組而成。改進了HTML定義不規(guī)范腋舌,結(jié)構(gòu)不嚴謹?shù)娜秉c盏触。它的語法更加嚴格,相對HTML的兼容性也不差块饺。

HTML 語義化

語義化赞辩,簡單說來就是讓HTML標簽變得更加容易理解,比如說我們導(dǎo)航欄可以用<div id="nav">,nav就是導(dǎo)航的意思授艰,一目了然辨嗽,當(dāng)然也可以直接用<nav>標簽,這里就舉個例子淮腾。

內(nèi)容和樣式分離原則

直白地說糟需,就是將CSS樣式表單獨引入,不在HTML中用style來表示谷朝。比如:
<link rel="stylesheet" type="text/css" >

有哪些常見的mata標簽洲押?

<meta charset="UTF-8">---------------------------------------------------最常見的標簽,用途是將HTML中的漢字能夠被網(wǎng)頁所展示圆凰。

<meta name="renderer" content="webkit|ie-comp|ie-stand">--------------------用于控制瀏覽器內(nèi)核杈帐。

<meta name="keywords" content="your tags" />-----------------------------控制頁面的關(guān)鍵字。

<meta name="description" content="150 words" />--------------------------頁面的描述专钉。

文檔聲明的作用?嚴格模式和混雜模式指什么?<!doctype html> 的作用?

嚴格模式:又稱標準模式挑童,是指瀏覽器按照 W3C 標準解析代碼。

混雜模式:又稱怪異模式或兼容模式跃须,是指瀏覽器用自己的方式解析代碼炮沐。

如何區(qū)分:瀏覽器解析時到底使用嚴格模式還是混雜模式,與網(wǎng)頁中的 DTD 直接相關(guān)回怜。

1、如果文檔包含嚴格的 DOCTYPE ,那么它一般以嚴格模式呈現(xiàn)玉雾。(嚴格 DTD ——嚴格模式)
2翔试、包含過渡 DTD 和 URI 的 DOCTYPE ,也以嚴格模式呈現(xiàn)复旬,但有過渡 DTD 而沒有 URI (統(tǒng)一資源標識符垦缅,就是聲明最后的地址)會導(dǎo)致頁面以混雜模式呈現(xiàn)。(有 URI 的過渡 DTD ——嚴格模式驹碍;沒有 URI 的過渡 DTD ——混雜模式)
3壁涎、DOCTYPE 不存在或形式不正確會導(dǎo)致文檔以混雜模式呈現(xiàn)。(DTD不存在或者格式不正確——混雜模式)
4志秃、HTML5 沒有 DTD 怔球,因此也就沒有嚴格模式與混雜模式的區(qū)別,HTML5 有相對寬松的語法浮还,實現(xiàn)時竟坛,已經(jīng)盡可能大的實現(xiàn)了向后兼容。( HTML5 沒有嚴格和混雜之分)

意義:嚴格模式與混雜模式存在的意義與其來源密切相關(guān)钧舌,如果說只存在嚴格模式担汤,那么許多舊網(wǎng)站必然受到影響,如果只存在混雜模式洼冻,那么會回到當(dāng)時瀏覽器大戰(zhàn)時的混亂崭歧,每個瀏覽器都有自己的解析模式。

瀏覽器亂碼的原因是什么撞牢?如何解決

沒有使用<meta charset="UTF-8">放在head標簽里

常見的瀏覽器有哪些率碾,什么內(nèi)核?

1普泡、Trident(IE內(nèi)核):IE瀏覽器播掷,很多國內(nèi)瀏覽器,以及很多雙核瀏覽器的其中“一核”都是Trident撼班。

2歧匈、Gecko:FireFox瀏覽器等。

3砰嘁、Webkit:Chrome瀏覽器件炉,Safari瀏覽器等。

4矮湘、Chromium/Blink:Chromium fork 自開源引擎 WebKit斟冕,卻把 WebKit 的代碼梳理得可讀性提高很多,Chrome瀏覽器就使用Chromium內(nèi)核缅阳,搜狗磕蛇、360、QQ瀏覽器等等雙核瀏覽器的一核都是Chromium。2013年谷歌宣布 Chromium 項目中研發(fā) Blink 渲染引擎秀撇,內(nèi)置于 Chrome 瀏覽器之中超棺。
Presto:Opera瀏覽器先前使用的內(nèi)核,Opera 在 2013 年 2 月宣布放棄 Presto后使用 WebKit 分支的 Chromium 引擎作為自家瀏覽器核心引擎呵燕,在 Chrome 推出 Blink 引擎之后棠绘,Opera也轉(zhuǎn)而使用Blink 作為瀏覽器核心引擎。

常見的HTML標簽有哪些再扭,并簡單介紹這些標簽用在什么場景氧苍?

<html>...</html>------------------------------------------- 將所有HTML內(nèi)容都包含在這個標簽內(nèi)
<head>...</head>-------------------------------------- 用于定義文檔的頭部,它是所有頭部元素的容器泛范。
<title>...</title> ------------------------------------------文檔的標題
<meta>...</meta> -----------------------------------提供有關(guān)頁面的元信息
<body>...</body>----------------------------------- 文檔的內(nèi)容
.....
補充更多瀏覽如下網(wǎng)站:
http://www.w3school.com.cn/html/index.asp

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末让虐,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子敦跌,更是在濱河造成了極大的恐慌澄干,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,126評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件柠傍,死亡現(xiàn)場離奇詭異麸俘,居然都是意外死亡,警方通過查閱死者的電腦和手機惧笛,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,254評論 2 382
  • 文/潘曉璐 我一進店門从媚,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人患整,你說我怎么就攤上這事拜效。” “怎么了各谚?”我有些...
    開封第一講書人閱讀 152,445評論 0 341
  • 文/不壞的土叔 我叫張陵紧憾,是天一觀的道長。 經(jīng)常有香客問我昌渤,道長赴穗,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,185評論 1 278
  • 正文 為了忘掉前任膀息,我火速辦了婚禮般眉,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘潜支。我一直安慰自己甸赃,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 64,178評論 5 371
  • 文/花漫 我一把揭開白布冗酿。 她就那樣靜靜地躺著埠对,像睡著了一般络断。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上鸠窗,一...
    開封第一講書人閱讀 48,970評論 1 284
  • 那天妓羊,我揣著相機與錄音,去河邊找鬼稍计。 笑死,一個胖子當(dāng)著我的面吹牛裕循,可吹牛的內(nèi)容都是我干的臣嚣。 我是一名探鬼主播,決...
    沈念sama閱讀 38,276評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼剥哑,長吁一口氣:“原來是場噩夢啊……” “哼硅则!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起株婴,我...
    開封第一講書人閱讀 36,927評論 0 259
  • 序言:老撾萬榮一對情侶失蹤怎虫,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后困介,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體大审,經(jīng)...
    沈念sama閱讀 43,400評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,883評論 2 323
  • 正文 我和宋清朗相戀三年座哩,在試婚紗的時候發(fā)現(xiàn)自己被綠了徒扶。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 37,997評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡根穷,死狀恐怖姜骡,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情屿良,我是刑警寧澤圈澈,帶...
    沈念sama閱讀 33,646評論 4 322
  • 正文 年R本政府宣布,位于F島的核電站尘惧,受9級特大地震影響康栈,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜褥伴,卻給世界環(huán)境...
    茶點故事閱讀 39,213評論 3 307
  • 文/蒙蒙 一谅将、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧重慢,春花似錦饥臂、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,204評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽稽煤。三九已至,卻和暖如春囚戚,著一層夾襖步出監(jiān)牢的瞬間酵熙,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,423評論 1 260
  • 我被黑心中介騙來泰國打工驰坊, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留匾二,地道東北人。 一個月前我還...
    沈念sama閱讀 45,423評論 2 352
  • 正文 我出身青樓拳芙,卻偏偏與公主長得像察藐,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子舟扎,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,722評論 2 345

推薦閱讀更多精彩內(nèi)容

  • 源自SeeYouBug博客 地址為:http://www.cnblogs.com/SeeYouBug 一分飞、HTML...
    欲淚成雪閱讀 1,212評論 0 15
  • HTML、XML和XHTML的區(qū)別 HTML睹限,超文本標記語言譬猫,被設(shè)計用來顯示數(shù)據(jù),標記內(nèi)容的格式羡疗,“超文本”體現(xiàn)在...
    佳聯(lián)閱讀 342評論 0 0
  • 關(guān)于 HTML 超文本標記語言(HyperText Markup Language染服,簡稱 HTML)是一種用于創(chuàng)建...
    _空空閱讀 1,064評論 0 1
  • 什么是HTML? HTML指的是超文本標記語言 HTML不是一種編程語言顺囊,而是一種標記語言 標記語言是一套標記標簽...
    Echolate閱讀 434評論 0 1
  • HTML肌索、XML、XHTML 有什么區(qū)別 1.HTML 是用來描述網(wǎng)頁的一種語言特碳,指的是超文本標記語言 (Hype...
    饑人谷_牛牛閱讀 681評論 0 2