初識(shí)HTML

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

一、HTML

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

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

二、XHTML

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

三、XML

可擴(kuò)展標(biāo)記語(yǔ)言,一種類似于HTML的標(biāo)記語(yǔ)言。設(shè)計(jì)的意圖是用來(lái)傳輸數(shù)據(jù)的。

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

怎樣理解 HTML 語(yǔ)義化

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

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

  • 怎么語(yǔ)義化、
    1盡可能少的使用無(wú)語(yǔ)義的標(biāo)簽div和span;
    2 在語(yǔ)義不明顯時(shí),既可以使用div或者p時(shí),盡量用p, 因?yàn)閜在默認(rèn)情況下有上下間距,對(duì)兼容特殊終端有利;
    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 使用表格時(shí),標(biāo)題要用caption,表頭用thead,主體部分用tbody包圍,尾部用tfoot包圍。表頭和一般單元格要區(qū)分開(kāi),表頭用th,單元格用td;
    6 表單域要用fieldset標(biāo)簽包起來(lái),并用legend標(biāo)簽說(shuō)明表單的用途;
    7 每個(gè)input標(biāo)簽對(duì)應(yīng)的說(shuō)明文本都需要使用label標(biāo)簽,并且通過(guò)為input設(shè)置id屬性,在lable標(biāo)簽中設(shè)置for=someld來(lái)讓說(shuō)明文本和相對(duì)應(yīng)的input關(guān)聯(lián)起來(lái)。

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

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

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

  • <meta name="keywords" content=""> //向搜索引擎說(shuō)明你的網(wǎng)頁(yè)的關(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="> //定時(shí)讓網(wǎng)頁(yè)在指定的時(shí)間n內(nèi)跳轉(zhuǎn) 到url指定網(wǎng)頁(yè)
  • <meta http-equiv="expires" content="Mon,12 May 2001 00:20:00 GMT"> //可以用于設(shè)定網(wǎng)頁(yè)的到期時(shí)間,一旦過(guò)期則必須到服務(wù)器上重新調(diào)用。需要注意的是必須使用GMT時(shí)間格式
  • <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)頁(yè)過(guò)期,存盤的cookie將被刪除。需要注意的也是必須使用GMT時(shí)間格式

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

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

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

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

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

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

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

瀏覽器 內(nèi)核
Internet Explore IE內(nèi)核
Opear Presto
Firefox Gecko
Safari&Chromr Webkit
國(guó)內(nèi)大部分瀏覽器 IE內(nèi)核
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • HTML、XML、XHTML 有什么區(qū)別 1.HTML 是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言,指的是超文本標(biāo)記語(yǔ)言 (Hype...
    饑人谷_牛牛閱讀 824評(píng)論 0 2
  • 一、HTML、XML、XHTML 有什么區(qū)別 HTML: 超級(jí)文本標(biāo)記語(yǔ)言是標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用,也是一種...
    淡然7698閱讀 328評(píng)論 0 1
  • 1.HTML、XML、XHTML 有什么區(qū)別 HTML: 超文本標(biāo)記語(yǔ)言,是語(yǔ)法較為松散的、不嚴(yán)格的Web語(yǔ)言 對(duì)...
    饑人谷_米彌輪閱讀 506評(píng)論 0 1
  • 1.html、xml、xhtml HTML HTML(Hyper Text Mark-up Language)即超...
    饑人谷_小侯閱讀 536評(píng)論 0 1
  • 偶然讀到“寄蜉蝣于天地,渺滄海之一粟?!币皇滋K軾的《赤壁賦》,勾起了學(xué)生時(shí)代的各種回憶。 仍記得愛(ài)上背書(shū)是因?yàn)樾W(xué)...
    劉亦然閱讀 530評(píng)論 0 1

友情鏈接更多精彩內(nèi)容