1.4 面試中遇到的問題(補充)

1、 HTML DOCTYPE 的重要性?

<!DOCTYPE>聲明必須是 HTML 文檔的第一行果港,位于? 標簽之前廉羔。?

<!DOCTYPE>聲明不是 HTML 標簽;它是指示 web 瀏覽器關(guān)于頁面使用哪個 HTML 版本進行編寫的指令塘揣。

在 HTML 4.01 中包雀, <!DOCTYPE>聲明引用 DTD,因為 HTML 4.01 基于 SGML亲铡。DTD 規(guī)定了標記語言的規(guī)則才写,這樣瀏覽器才能正確地呈現(xiàn)內(nèi)容。

DOCTYPE? 3種類型

HTML 4.01 Strict

該 DTD 包含所有 HTML 元素和屬性奖蔓,但不包括展示性的和棄用的元素(比如 font)赞草。不允許框架集(Framesets)。

<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01//EN"?

"http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional

該 DTD 包含所有 HTML 元素和屬性吆鹤,包括展示性的和棄用的元素(比如 font)厨疙。不允許框架集(Framesets)。

<!DOCTYPE HTML PUBLIC "-//w3c//DTD HTML 4.01//Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset

該 DTD 等同于 HTML 4.01 Transitional疑务,但允許框架集內(nèi)容沾凄。

<!DOCTYPE HTML PUBLIC "-//w3c//DTD HTML 4.01 Frameset//EN"

"http://www.w3.org/TR/html4/frameset.dtd">

如果html中沒有加上doctype 可能在不同瀏覽器出現(xiàn)bug. 所以html加上doctype是至關(guān)重要的.

2、語義化的重要性

語義化標簽就是盡量使用有相對應(yīng)的結(jié)構(gòu)的含義的Html的標簽

1.結(jié)構(gòu)更好暑始,更利于搜索引擎的抓却疃馈(SEO的優(yōu)化)和開發(fā)人員的維護(可維護性更高,因為結(jié)構(gòu)清晰,so易于閱讀)廊镜。

?2.更有利于特殊終端的閱讀(手機牙肝,個人助理等)盡量用有結(jié)構(gòu)含義的,少用無語義的,如,<span>,<div>無意義嗤朴,看不出是什么東西,可是<address>一看就知道這里面的是地址,em標簽一看就知道這個是強調(diào)的內(nèi)容

,區(qū)分于不同內(nèi)容配椭。

怎么判斷你的頁面是否符合Web標準之一:語義化標簽?zāi)兀磕憧梢园涯愕捻撁鏁簳r去掉樣式后看可讀性怎么樣雹姊,如果這個時候感覺你的頁面很亂股缸,

那就說明的的頁面的語義化標簽不怎么樣,而如果你的頁面去掉樣式了感覺依然不是雜亂無章的吱雏,那么敦姻,就說明你的頁面結(jié)構(gòu)清晰,語義化標簽使用比較規(guī)范了歧杏。

3镰惦、寫一段語義化的代碼

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市犬绒,隨后出現(xiàn)的幾起案子旺入,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,383評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件茵瘾,死亡現(xiàn)場離奇詭異礼华,居然都是意外死亡,警方通過查閱死者的電腦和手機拗秘,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,522評論 3 385
  • 文/潘曉璐 我一進店門圣絮,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人聘殖,你說我怎么就攤上這事晨雳⌒腥穑” “怎么了奸腺?”我有些...
    開封第一講書人閱讀 157,852評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長血久。 經(jīng)常有香客問我突照,道長,這世上最難降的妖魔是什么氧吐? 我笑而不...
    開封第一講書人閱讀 56,621評論 1 284
  • 正文 為了忘掉前任讹蘑,我火速辦了婚禮,結(jié)果婚禮上筑舅,老公的妹妹穿的比我還像新娘座慰。我一直安慰自己,他們只是感情好翠拣,可當我...
    茶點故事閱讀 65,741評論 6 386
  • 文/花漫 我一把揭開白布版仔。 她就那樣靜靜地躺著,像睡著了一般误墓。 火紅的嫁衣襯著肌膚如雪蛮粮。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,929評論 1 290
  • 那天谜慌,我揣著相機與錄音然想,去河邊找鬼。 笑死欣范,一個胖子當著我的面吹牛变泄,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播恼琼,決...
    沈念sama閱讀 39,076評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼妨蛹,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了驳癌?” 一聲冷哼從身側(cè)響起滑燃,我...
    開封第一講書人閱讀 37,803評論 0 268
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎颓鲜,沒想到半個月后表窘,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體典予,經(jīng)...
    沈念sama閱讀 44,265評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,582評論 2 327
  • 正文 我和宋清朗相戀三年乐严,在試婚紗的時候發(fā)現(xiàn)自己被綠了瘤袖。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,716評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡昂验,死狀恐怖捂敌,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情既琴,我是刑警寧澤占婉,帶...
    沈念sama閱讀 34,395評論 4 333
  • 正文 年R本政府宣布,位于F島的核電站甫恩,受9級特大地震影響逆济,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜磺箕,卻給世界環(huán)境...
    茶點故事閱讀 40,039評論 3 316
  • 文/蒙蒙 一奖慌、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧松靡,春花似錦简僧、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,798評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至阅茶,卻和暖如春蛛枚,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背脸哀。 一陣腳步聲響...
    開封第一講書人閱讀 32,027評論 1 266
  • 我被黑心中介騙來泰國打工蹦浦, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人撞蜂。 一個月前我還...
    沈念sama閱讀 46,488評論 2 361
  • 正文 我出身青樓盲镶,卻偏偏與公主長得像,于是被迫代替她去往敵國和親蝌诡。 傳聞我的和親對象是個殘疾皇子溉贿,可洞房花燭夜當晚...
    茶點故事閱讀 43,612評論 2 350

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

  • HTML、XML浦旱、XHTML有什么區(qū)別宇色? XMLXML是The Extensible Markup Languag...
    zx9426閱讀 430評論 0 1
  • HTML、XML、XHTML 有什么區(qū)別 1.HTML 是用來描述網(wǎng)頁的一種語言宣蠕,指的是超文本標記語言 (Hype...
    饑人谷_牛牛閱讀 687評論 0 2
  • 1.HTML例隆、XML、XHTML的區(qū)別 HTML:超文本標記語言(Hyper Text Markup Langua...
    IT男的成長記錄閱讀 286評論 0 1
  • 序章 談?wù)劇盀g覽器兼容性”的問題唱逢?很多前端的面試或筆試中,都有比較籠統(tǒng)的“說說你所知道的各瀏覽器存在的兼容問題”屋休,...
    麻辣小隔壁閱讀 3,038評論 1 57
  • 作為一個北漂的流浪者坞古,每天都生活在如何掙錢如何買房子的日子會讓我覺得窒息,我有一份喜歡的工作并為之在努力博投,有一個還...
    齊齊smile閱讀 469評論 0 1