html標(biāo)簽

HTML蔼卡、XML、XHTML 有什么區(qū)別

HTML全名為**超文本標(biāo)記語(yǔ)言**(Hyper Text Markup Language),是用于創(chuàng)建Web的標(biāo)準(zhǔn)的標(biāo)記語(yǔ)言。

HTML編碼不規(guī)范黎侈,表現(xiàn)察署、結(jié)構(gòu)混亂闷游。不利于開(kāi)發(fā)和維護(hù)

XML全名為**可擴(kuò)展標(biāo)記語(yǔ)言**(Extensible Markup Language),它也是一種標(biāo)記語(yǔ)言,不過(guò)它的標(biāo)記是可以自定義的脐往,通常用來(lái)傳送及攜帶數(shù)據(jù)休吠。

XHTML是根據(jù)HTML 4 和 XML 1.0重組而成。改進(jìn)了HTML定義不規(guī)范业簿,結(jié)構(gòu)不嚴(yán)謹(jǐn)?shù)娜秉c(diǎn)瘤礁。它的語(yǔ)法更加嚴(yán)格,相對(duì)HTML的兼容性也不差梅尤。


HTML 語(yǔ)義化

語(yǔ)義化HTML是一種編寫(xiě)HTML的方式

選擇合適的標(biāo)簽柜思、使用合理的代碼結(jié)構(gòu),便于開(kāi)發(fā)者閱讀巷燥,同時(shí)讓瀏覽器的爬蟲(chóng)和機(jī)器很好地解析赡盘。


有哪些常見(jiàn)的meta標(biāo)簽(資料翻閱w3cschool)

content:定義與http-equiv或name相關(guān)的元信息。

http-equiv:將content值關(guān)聯(lián)到http頭部缰揪。

name:將content值關(guān)聯(lián)一個(gè)名稱(chēng)陨享。

scheme:定義用于翻譯content的格式。

常用的charset:定義使用的瀏覽器文本字符集钝腺。


CSS與HTML分離的優(yōu)點(diǎn)

1抛姑、使頁(yè)面載入得更快

由于將大部分頁(yè)面代碼寫(xiě)在了CSS當(dāng)中,使得頁(yè)面體積容量變得更小艳狐。相對(duì)于表格嵌套的方式的逐層加載速度快定硝。

2、修改設(shè)計(jì)時(shí)更有效率

在修改頁(yè)面的時(shí)候更加容易省時(shí)毫目。根據(jù)區(qū)域內(nèi)容標(biāo)記喷斋,到CSS里找到相應(yīng)的ID,使得修改頁(yè)面的時(shí)候更加方便蒜茴,也不會(huì)破壞頁(yè)面其他部分的布局樣式星爪。而表格布局則更不省事。

4粉私、保持視覺(jué)的一致性

DIV+CSS最重要的優(yōu)勢(shì)之一:保持視覺(jué)的一致性顽腾;以往表格嵌套的制作方法,會(huì)使得頁(yè)面與頁(yè)面诺核,或者區(qū)域與區(qū)域之間的顯示效果會(huì)有偏差抄肖。

5、更好地被搜索引擎收錄

由于將大部分的HTML代碼和內(nèi)容樣式寫(xiě)入了CSS文件中窖杀,這就使得網(wǎng)頁(yè)中代碼更加適合搜索引擎漓摩。

6、對(duì)瀏覽者和瀏覽器更具親和力

對(duì)瀏覽者和瀏覽器更具親和力入客,由于CSS富含豐富的樣式管毙,使頁(yè)面更加靈活性腿椎,更加的美觀,它可以根據(jù)不同的瀏覽器夭咬,而達(dá)到顯示效果的統(tǒng)一和不變形啃炸。

CSS與HTML分離的缺點(diǎn)

1、CSS網(wǎng)站制作的設(shè)計(jì)元素通常放在1個(gè)外部文件中卓舵,或幾個(gè)文件南用,有可能相當(dāng)復(fù)雜,甚至比較龐大掏湾。

3裹虫、雖然說(shuō)DIV+CSS解決了大部分瀏覽器兼容問(wèn)題,但是也有在部分瀏覽器中使用出現(xiàn)異常融击,比如火狐瀏覽器恒界,在IE中顯示正常的頁(yè)面,到了火狐瀏覽器中可能會(huì)面目全非砚嘴。當(dāng)然這應(yīng)該是瀏覽器的問(wèn)題十酣,但是可以說(shuō)在目前來(lái)看,DIV+CSS還沒(méi)有實(shí)現(xiàn)所有瀏覽器的統(tǒng)一兼容际长。

4耸采、DIV+CSS對(duì)搜索引擎優(yōu)化與否,取決于網(wǎng)頁(yè)設(shè)計(jì)的專(zhuān)業(yè)水平,而不是DIV+CSS本身。



一工育、Doctype作用是什么虾宇?

聲明叫做文件類(lèi)型定義(DTD),聲明的作用為了告訴瀏覽器該文件的類(lèi)型如绸。讓瀏覽器解析器知道應(yīng)該用哪個(gè)規(guī)范來(lái)解析文檔嘱朽。聲明必須在 HTML 文檔的第一行,這并不是一個(gè) HTML 標(biāo)簽怔接。

二搪泳、嚴(yán)格模式與混雜模式如何區(qū)分?它們有何意義扼脐?

嚴(yán)格模式:又稱(chēng)標(biāo)準(zhǔn)模式岸军,是指瀏覽器按照 W3C 標(biāo)準(zhǔn)解析代碼。

混雜模式:又稱(chēng)怪異模式或兼容模式瓦侮,是指瀏覽器用自己的方式解析代碼艰赞。


一、常用的具體聲明:

1肚吏、HTML5(一種):<!DOCTYPE html>

2方妖、HTML 4.01(三種):!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"? "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"

HTML 4.01 Strict :<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional :<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"? "http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset :<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"? "http://www.w3.org/TR/html4/frameset.dtd">

3、XHTML 1.0(四種):前三種模式同上罚攀,XHML 必須以格式正確的 XML 來(lái)編寫(xiě)標(biāo)記党觅。

XHTML 1.0Strict:< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"? "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML 1.0 Transitional :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML 1.0 Frameset:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"? "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1 該 DTD 等同于 XHTML 1.0 Strict雌澄,但允許添加模型:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">


亂碼造成原因 ?

1、比如網(wǎng)頁(yè)源代碼是gbk的編碼仔役,而內(nèi)容中的中文字是utf-8編碼的,這樣瀏覽器打開(kāi)即會(huì)出現(xiàn)html亂碼是己。反之網(wǎng)頁(yè)是編碼utf-8又兵,內(nèi)容是gbk也會(huì)出現(xiàn)亂碼。

2卒废、html網(wǎng)頁(yè)編碼是gbk沛厨,而程序從數(shù)據(jù)庫(kù)中調(diào)出呈現(xiàn)是utf-8編碼的內(nèi)容也會(huì)造成編碼亂碼。

3摔认、瀏覽器不能自動(dòng)檢測(cè)網(wǎng)頁(yè)編碼逆皮,造成網(wǎng)頁(yè)亂碼


瀏覽器及其內(nèi)核

一、Trident內(nèi)核代表產(chǎn)品Internet Explorer参袱,又稱(chēng)其為IE內(nèi)核电谣。Trident(又稱(chēng)為MSHTML),是微軟開(kāi)發(fā)的一種排版引擎抹蚀。使用Trident渲染引擎的瀏覽器包括:IE剿牺、傲游、世界之窗瀏覽器环壤、Avant晒来、騰訊TT、Netscape 8郑现、NetCaptor湃崩、Sleipnir、GOSURF接箫、GreenBrowser和KKman等攒读。

二、Gecko內(nèi)核代表作品Mozilla FirefoxGecko是一套開(kāi)放源代碼的辛友、以C++編寫(xiě)的網(wǎng)頁(yè)排版引擎整陌。Gecko是最流行的排版引擎之一,僅次于Trident瞎领。使用它的最著名瀏覽器有Firefox泌辫、Netscape6至9。

3

三九默、WebKit內(nèi)核代表作品Safari震放、Chromewebkit 是一個(gè)開(kāi)源項(xiàng)目,包含了來(lái)自KDE項(xiàng)目和蘋(píng)果公司的一些組件驼修,主要用于Mac OS系統(tǒng)殿遂,它的特點(diǎn)在于源碼結(jié)構(gòu)清晰诈铛、渲染速度極快。缺點(diǎn)是對(duì)網(wǎng)頁(yè)代碼的兼容性不高墨礁,導(dǎo)致一些編寫(xiě)不標(biāo)準(zhǔn)的網(wǎng)頁(yè)無(wú)法正常顯示幢竹。主要代表作品有Safari和Google的瀏覽器Chrome。

4

四恩静、Presto內(nèi)核代表作品OperaPresto是由Opera Software開(kāi)發(fā)的瀏覽器排版引擎焕毫,供Opera 7.0及以上使用。它取代了舊版Opera 4至6版本使用的Elektra排版引擎驶乾,包括加入動(dòng)態(tài)功能邑飒,例如網(wǎng)頁(yè)或其部分可隨著DOM及Script語(yǔ)法的事件而重新排版








最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市级乐,隨后出現(xiàn)的幾起案子疙咸,更是在濱河造成了極大的恐慌,老刑警劉巖风科,帶你破解...
    沈念sama閱讀 221,635評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件撒轮,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡贼穆,警方通過(guò)查閱死者的電腦和手機(jī)腔召,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,543評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)扮惦,“玉大人臀蛛,你說(shuō)我怎么就攤上這事⊙旅郏” “怎么了浊仆?”我有些...
    開(kāi)封第一講書(shū)人閱讀 168,083評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)豫领。 經(jīng)常有香客問(wèn)我抡柿,道長(zhǎng),這世上最難降的妖魔是什么等恐? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 59,640評(píng)論 1 296
  • 正文 為了忘掉前任洲劣,我火速辦了婚禮,結(jié)果婚禮上课蔬,老公的妹妹穿的比我還像新娘囱稽。我一直安慰自己,他們只是感情好二跋,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,640評(píng)論 6 397
  • 文/花漫 我一把揭開(kāi)白布战惊。 她就那樣靜靜地躺著,像睡著了一般扎即。 火紅的嫁衣襯著肌膚如雪吞获。 梳的紋絲不亂的頭發(fā)上况凉,一...
    開(kāi)封第一講書(shū)人閱讀 52,262評(píng)論 1 308
  • 那天,我揣著相機(jī)與錄音各拷,去河邊找鬼刁绒。 笑死,一個(gè)胖子當(dāng)著我的面吹牛烤黍,可吹牛的內(nèi)容都是我干的知市。 我是一名探鬼主播,決...
    沈念sama閱讀 40,833評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼蚊荣,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼初狰!你這毒婦竟也來(lái)了莫杈?” 一聲冷哼從身側(cè)響起互例,我...
    開(kāi)封第一講書(shū)人閱讀 39,736評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎筝闹,沒(méi)想到半個(gè)月后媳叨,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,280評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡关顷,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,369評(píng)論 3 340
  • 正文 我和宋清朗相戀三年糊秆,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片议双。...
    茶點(diǎn)故事閱讀 40,503評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡痘番,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出平痰,到底是詐尸還是另有隱情汞舱,我是刑警寧澤,帶...
    沈念sama閱讀 36,185評(píng)論 5 350
  • 正文 年R本政府宣布宗雇,位于F島的核電站昂芜,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏赔蒲。R本人自食惡果不足惜泌神,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,870評(píng)論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望舞虱。 院中可真熱鬧欢际,春花似錦、人聲如沸矾兜。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,340評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)焕刮。三九已至舶沿,卻和暖如春墙杯,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背括荡。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,460評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工高镐, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人畸冲。 一個(gè)月前我還...
    沈念sama閱讀 48,909評(píng)論 3 376
  • 正文 我出身青樓嫉髓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親邑闲。 傳聞我的和親對(duì)象是個(gè)殘疾皇子算行,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,512評(píng)論 2 359

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

  • HTML、XML苫耸、XHTML 有什么區(qū)別 1.HTML 是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言州邢,指的是超文本標(biāo)記語(yǔ)言 (Hype...
    饑人谷_牛牛閱讀 695評(píng)論 0 2
  • HTML、XML褪子、XHTML有什么區(qū)別量淌? XMLXML是The Extensible Markup Languag...
    zx9426閱讀 438評(píng)論 0 1
  • 序章 談?wù)劇盀g覽器兼容性”的問(wèn)題笼痛?很多前端的面試或筆試中裙秋,都有比較籠統(tǒng)的“說(shuō)說(shuō)你所知道的各瀏覽器存在的兼容問(wèn)題”,...
    麻辣小隔壁閱讀 3,052評(píng)論 1 57
  • 格式后期處理缨伊。 Jeremy Keith在 Fronteers 2010 上的主題演講 今天我想跟大家談一談HTM...
    LordZhou閱讀 1,132評(píng)論 0 17
  • 1.meta標(biāo)簽 元素可提供有關(guān)頁(yè)面的元信息(meta-information)摘刑,比如針對(duì)搜索引擎和更新頻度的描述...
    姚小帥閱讀 339評(píng)論 0 1