初識HTML

HTML妖胀、XML峦剔、XHTML 有什么區(qū)別

一档礁、HTML

HTML是目前web上制作超文本文件的通用格式,需要講一下預(yù)備知識吝沫,在瀏覽器的搜索欄里輸入我們的URL(統(tǒng)一資源定位符呻澜,eg:http://www.baidu.com ),目的是為了訪問這個目標(biāo)網(wǎng)頁,輸入URL回車就是向服務(wù)器請求我們的目標(biāo)網(wǎng)頁惨险,該網(wǎng)頁在就是一個超文本文件羹幸,它的格式就是HTML。也就是說HTML是為創(chuàng)建網(wǎng)頁而設(shè)計的一種標(biāo)簽語言辫愉。目的在于顯示數(shù)據(jù)栅受。

特點(diǎn):
1 不區(qū)分大小寫
2 標(biāo)記不是所有的都成對出現(xiàn)eg:<img>屬于自閉合標(biāo)簽
3 有預(yù)定義標(biāo)簽

二、XHTML

XHTML可擴(kuò)展超文本標(biāo)記語言恭朗,表現(xiàn)方式與超文本標(biāo)記語言HTML類似屏镊,不過語法上更加嚴(yán)格。eg:以前我們可以這樣寫<p><b></p></b>,但是XHTML必須<p><b></b></p>痰腮。XHTML是在HTML4.0的基礎(chǔ)上而芥,用XML的規(guī)則對其進(jìn)行擴(kuò)展,得到了XHTML膀值。簡單的說棍丐,建立XHTML的目的就是實(shí)現(xiàn)HTML向XML的過渡。

三沧踏、XML

可擴(kuò)展標(biāo)記語言骄酗,一種類似于HTML的標(biāo)記語言。設(shè)計的意圖是用來傳輸數(shù)據(jù)的悦冀。

特點(diǎn):
1 區(qū)分大小寫
2 任何的起始標(biāo)簽都必須有一個結(jié)束標(biāo)簽
3 可以采用另一種簡化語法趋翻,可以在一個標(biāo)簽中同時表示起始和結(jié)束標(biāo)簽。這種語法是在大于符號之前緊跟一個斜線(/).eg:<xmltest/>
4 所有的特性都必須在值的周圍加上雙引號盒蟆。
5 所有的特性都必須有值踏烙。

怎樣理解 HTML 語義化

  • 什么是語義化
    語義化是指機(jī)器在需要更少的人類干預(yù)的情況下能夠研究和收集信息,是標(biāo)簽和屬性都能直觀的被理解历等。

  • 語義化的目的
    1 便于搜索引擎的抓取
    2 便于機(jī)器和人理解

  • 怎么語義化讨惩、
    1盡可能少的使用無語義的標(biāo)簽div和span;
    2 在語義不明顯時寒屯,既可以使用div或者p時荐捻,盡量用p, 因為p在默認(rèn)情況下有上下間距黍少,對兼容特殊終端有利;
    3 不要使用純樣式標(biāo)簽处面,如:b厂置、font、u等魂角,改用css設(shè)置昵济。
    4 需要強(qiáng)調(diào)的文本,可以包含在strong或者em標(biāo)簽中(瀏覽器預(yù)設(shè)樣式野揪,能用CSS指定就不用他們)访忿,strong默認(rèn)樣式是加粗(不要用b),em是斜體(不用i)斯稳;
    5 使用表格時海铆,標(biāo)題要用caption,表頭用thead挣惰,主體部分用tbody包圍卧斟,尾部用tfoot包圍。表頭和一般單元格要區(qū)分開通熄,表頭用th唆涝,單元格用td找都;
    6 表單域要用fieldset標(biāo)簽包起來唇辨,并用legend標(biāo)簽說明表單的用途;
    7 每個input標(biāo)簽對應(yīng)的說明文本都需要使用label標(biāo)簽能耻,并且通過為input設(shè)置id屬性赏枚,在lable標(biāo)簽中設(shè)置for=someld來讓說明文本和相對應(yīng)的input關(guān)聯(lián)起來。

怎樣理解內(nèi)容與樣式分離的原則

所謂的內(nèi)容與樣式的分離值得是HTML和CSS晓猛,HTML決定了網(wǎng)頁的內(nèi)容饿幅,而CSS決定了網(wǎng)頁的樣式,那么分離的意義在于同封裝的意義類似戒职,可以提高代碼的復(fù)用性栗恩,避免牽一發(fā)而動全身,也就是提一個小需求就要牽扯到整個框架結(jié)構(gòu)洪燥。

有哪些常見的meta標(biāo)簽

  • <meta name="keywords" content=""> //向搜索引擎說明你的網(wǎng)頁的關(guān)鍵詞
  • <meta name="description" content=""> //告訴搜索引擎你的站點(diǎn)的主要內(nèi)容
  • <meta name="author" content="你的姓名"> //告訴搜索引擎你的站點(diǎn)的制作的作者
  • <meta http-equiv="Content-Type" content="text/html";charset=utf-8"> //指定字符集
  • <meta http-equiv="refresh" content="n;url="> //定時讓網(wǎng)頁在指定的時間n內(nèi)跳轉(zhuǎn) 到url指定網(wǎng)頁
  • <meta http-equiv="expires" content="Mon,12 May 2001 00:20:00 GMT"> //可以用于設(shè)定網(wǎng)頁的到期時間磕秤,一旦過期則必須到服務(wù)器上重新調(diào)用。需要注意的是必須使用GMT時間格式
  • <meta http-equiv="pragma" content="no-cache"> //禁用緩存
  • <meta http-equiv="set-cookie" content="Mon,12 May 2001 00:20:00 GMT"> //cookie設(shè)定捧韵,如果網(wǎng)頁過期市咆,存盤的cookie將被刪除。需要注意的也是必須使用GMT時間格式

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

<!DOCTYPE html>的作用是告訴瀏覽器以何種模式解析代碼再来。

  • 嚴(yán)格模式:又稱標(biāo)準(zhǔn)模式蒙兰,是指瀏覽器按照 W3C 標(biāo)準(zhǔn)解析代碼。
    在現(xiàn)有有doctype聲明的網(wǎng)頁,絕大多數(shù)是采用strict mode進(jìn)行解析渲染威根。

  • 混雜模式:又稱怪異模式或兼容模式瓶竭,是指瀏覽器用自己的方式解析代碼。以下三種情況下使用該模式
    a. 當(dāng)網(wǎng)頁上沒有doctype聲明的痹雅;
    b. 當(dāng)網(wǎng)頁上的doctype解析出錯的仰担;
    c. 在doctype聲明中,沒有使用DTD聲明或者使用HTML4以下(不包括HTML4)的DTD聲明的绩社。

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

瀏覽器的解碼方式和網(wǎng)頁的編碼方式不同,
在HTML文檔的<head>標(biāo)簽內(nèi)加入 <meta charcet="編碼 ">告訴瀏覽器用什么 編碼愉耙。

常見的瀏覽器有哪些贮尉,什么內(nèi)核

瀏覽器 內(nèi)核
Internet Explore IE內(nèi)核
Opear Presto
Firefox Gecko
Safari&Chromr Webkit
國內(nèi)大部分瀏覽器 IE內(nèi)核
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市朴沿,隨后出現(xiàn)的幾起案子猜谚,更是在濱河造成了極大的恐慌,老刑警劉巖赌渣,帶你破解...
    沈念sama閱讀 221,820評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件魏铅,死亡現(xiàn)場離奇詭異,居然都是意外死亡坚芜,警方通過查閱死者的電腦和手機(jī)览芳,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,648評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來鸿竖,“玉大人沧竟,你說我怎么就攤上這事「坑牵” “怎么了悟泵?”我有些...
    開封第一講書人閱讀 168,324評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長闪水。 經(jīng)常有香客問我糕非,道長,這世上最難降的妖魔是什么球榆? 我笑而不...
    開封第一講書人閱讀 59,714評論 1 297
  • 正文 為了忘掉前任朽肥,我火速辦了婚禮,結(jié)果婚禮上芜果,老公的妹妹穿的比我還像新娘鞠呈。我一直安慰自己,他們只是感情好右钾,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,724評論 6 397
  • 文/花漫 我一把揭開白布蚁吝。 她就那樣靜靜地躺著旱爆,像睡著了一般。 火紅的嫁衣襯著肌膚如雪窘茁。 梳的紋絲不亂的頭發(fā)上怀伦,一...
    開封第一講書人閱讀 52,328評論 1 310
  • 那天,我揣著相機(jī)與錄音山林,去河邊找鬼房待。 笑死,一個胖子當(dāng)著我的面吹牛驼抹,可吹牛的內(nèi)容都是我干的桑孩。 我是一名探鬼主播,決...
    沈念sama閱讀 40,897評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼框冀,長吁一口氣:“原來是場噩夢啊……” “哼流椒!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起明也,我...
    開封第一講書人閱讀 39,804評論 0 276
  • 序言:老撾萬榮一對情侶失蹤宣虾,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后温数,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體绣硝,經(jīng)...
    沈念sama閱讀 46,345評論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,431評論 3 340
  • 正文 我和宋清朗相戀三年撑刺,在試婚紗的時候發(fā)現(xiàn)自己被綠了鹉胖。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,561評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡猜煮,死狀恐怖次员,靈堂內(nèi)的尸體忽然破棺而出败许,到底是詐尸還是另有隱情王带,我是刑警寧澤,帶...
    沈念sama閱讀 36,238評論 5 350
  • 正文 年R本政府宣布市殷,位于F島的核電站愕撰,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏醋寝。R本人自食惡果不足惜搞挣,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,928評論 3 334
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望音羞。 院中可真熱鬧囱桨,春花似錦、人聲如沸嗅绰。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,417評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至翠语,卻和暖如春叽躯,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背肌括。 一陣腳步聲響...
    開封第一講書人閱讀 33,528評論 1 272
  • 我被黑心中介騙來泰國打工点骑, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人谍夭。 一個月前我還...
    沈念sama閱讀 48,983評論 3 376
  • 正文 我出身青樓黑滴,卻偏偏與公主長得像,于是被迫代替她去往敵國和親紧索。 傳聞我的和親對象是個殘疾皇子跷跪,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,573評論 2 359

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

  • HTML、XML齐板、XHTML 有什么區(qū)別 1.HTML 是用來描述網(wǎng)頁的一種語言吵瞻,指的是超文本標(biāo)記語言 (Hype...
    饑人谷_牛牛閱讀 695評論 0 2
  • 一、HTML甘磨、XML橡羞、XHTML 有什么區(qū)別 HTML: 超級文本標(biāo)記語言是標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用,也是一種...
    淡然7698閱讀 244評論 0 1
  • 1.HTML济舆、XML卿泽、XHTML 有什么區(qū)別 HTML: 超文本標(biāo)記語言,是語法較為松散的滋觉、不嚴(yán)格的Web語言 對...
    饑人谷_米彌輪閱讀 444評論 0 1
  • 1.html签夭、xml、xhtml HTML HTML(Hyper Text Mark-up Language)即超...
    饑人谷_小侯閱讀 450評論 0 1
  • 偶然讀到“寄蜉蝣于天地椎侠,渺滄海之一粟第租。”一首蘇軾的《赤壁賦》我纪,勾起了學(xué)生時代的各種回憶慎宾。 仍記得愛上背書是因為小學(xué)...
    劉亦然閱讀 480評論 0 1