HTML基礎(chǔ)知識

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

HTML即是超文本標記語言(Hyper Text Markup Language),是最早編寫網(wǎng)頁的語言缸浦,但是由于時間早,規(guī)范不是很好氮兵,大小寫混寫且編碼不規(guī)范裂逐;

XHTML即是升級版的HTML(Extensible Hyper Text Markup Language),對HTML進行了規(guī)范泣栈,編碼更加嚴謹純凈卜高,是一種過渡語言,HTML向XML過渡的語言南片;

XML 指可擴展標記語言(EXtensible Markup Language)掺涛,是一種跨平臺語言,編碼更自由疼进,可以自由創(chuàng)建標簽薪缆。

HTML與XHTML之間的區(qū)別:
1、XHTML對比與HTML伞广,XHTML文檔具有良好完整的排版拣帽,體現(xiàn)在兩方面:a、元素必須要有結(jié)束標簽赔癌;b诞外、元素必須嵌套澜沟;
2灾票、對于HTML的元素和屬性,XHTML必須小寫茫虽,因為XML是嚴格區(qū)分大小寫的刊苍,<li>和<LI>是不同的標簽;
3濒析、XHTML的屬性值必須在引號之中正什;
4、XHTML不支持屬性最小化号杏,什么是屬性最小化了婴氮?
  正確: 非最小化屬性(unminimized attributes)
  <input checked="checked">
  不正確: 最小化屬性(minimized attributes)
  <input checked>
5斯棒、 在XHTML中,name屬性是不贊成使用的主经,在以后的版本中將被刪除荣暮。

2. 怎樣理解 HTML 語義化

  • 什么是語義化的HTML?

語義化的HTML就是正確的標簽做正確的事情罩驻,能夠便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時讓網(wǎng)絡(luò)爬蟲很好地解析穗酥。

  • 為什么要做到語義化?

1惠遏、有利于SEO砾跃,有利于搜索引擎爬蟲更好的理解我們的網(wǎng)頁,從而獲取更多的有效信息节吮,提升網(wǎng)頁的權(quán)重抽高。
2、在沒有CSS的時候能夠清晰的看出網(wǎng)頁的結(jié)構(gòu)透绩,增強可讀性厨内。
3、便于團隊開發(fā)和維護渺贤,語義化的HTML可以讓開發(fā)者更容易的看明白雏胃,從而提高團隊的效率和協(xié)調(diào)能力。
4志鞍、支持多終端設(shè)備的瀏覽器渲染

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

所謂內(nèi)容與樣式分離瞭亮,就是由HTML來管理內(nèi)容和網(wǎng)頁結(jié)構(gòu) , 文本樣式由 CSS來管理。不分離的話固棚,不但不利于網(wǎng)頁的修改统翩,而且還讓網(wǎng)頁內(nèi)容不能夠很好的展現(xiàn)于搜索引擎之下,也不利于SEO此洲。

4. 有哪些常見的meta標簽

<meta name="keywords" content=""> //向搜索引擎說明你的網(wǎng)頁的關(guān)鍵詞
<meta name="description" content=""> //告訴搜索引擎你的站點的主要內(nèi)容
<meta name="author" content="你的姓名"> //告訴搜索引擎你的站點的制作的作者
<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)
<meta http-equiv="expires" content="SAT,27 May 2017 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時間格式

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

  1. <!DOCTYPE> 聲明必須是 HTML 文檔的第一行汁汗,位于 <html> 標簽之前衷畦。
    <!DOCTYPE> 聲明不是 HTML 標簽;它是指示 web 瀏覽器關(guān)于頁面使用哪個 HTML 版本進行編寫的指令知牌。
    在 HTML 4.01 中祈争,<!DOCTYPE> 聲明引用 DTD,因為 HTML 4.01 基于 SGML角寸。DTD 規(guī)定了標記語言的規(guī)則菩混,這樣瀏覽器才能正確地呈現(xiàn)內(nèi)容忿墅。
    HTML5 不基于 SGML,所以不需要引用 DTD沮峡。
  2. 嚴格模式:又稱標準模式球匕,是指瀏覽器按照 W3C 標準解析代碼。
    混雜模式:又稱怪異模式或兼容模式帖烘,是指瀏覽器用自己的方式解析代碼亮曹。

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

造成網(wǎng)頁亂碼原因主要是網(wǎng)頁內(nèi)中文字內(nèi)容與網(wǎng)頁的編碼不同或者瀏覽器不能自動檢測網(wǎng)頁編碼秘症,造成網(wǎng)頁亂碼

解決辦法:在meta標簽中指定charset為頁面編碼的方式照卦,這樣瀏覽器就能自動讀取,從而采用正確的解碼方式

7. 常見的瀏覽器有哪些乡摹,什么內(nèi)核

Trident內(nèi)核:代表產(chǎn)品Internet Explorer役耕,又稱其為IE內(nèi)核
Gecko內(nèi)核: 代表作品Mozilla Firefox
WebKit內(nèi)核:代表作品Safari、Chrome
Presto內(nèi)核:代表作品OperaPresto

8. 常見的標簽聪廉,并簡單介紹這些標簽用在什么場景

內(nèi)容詳細標簽:
<h1>~<h6>標題標簽
<u>下劃線(underline)
<i>斜體字(italics)
<em>強調(diào)文本通常為斜體
<strong>加重文本瞬痘,通常為黑體
<font>設(shè)置字體、字體大小板熊、顏色等
<big><small>字體變大和字體變小
<del>加刪除線
<blockquote>塊引用框全,通常是縮進
<sup>上標
<sub>下標
<br>換行
<hr>水平線

列表標簽:
<dl>、<dt>和<dd>是定義列表的標簽
<ul>和<li>無序列表
<ol>和<li>有序列表

表格標簽:
<table>干签、<tbody>津辩、<tr>、<th>和<td>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末容劳,一起剝皮案震驚了整個濱河市喘沿,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌竭贩,老刑警劉巖蚜印,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異留量,居然都是意外死亡窄赋,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進店門肪获,熙熙樓的掌柜王于貴愁眉苦臉地迎上來寝凌,“玉大人柒傻,你說我怎么就攤上這事孝赫。” “怎么了红符?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵青柄,是天一觀的道長伐债。 經(jīng)常有香客問我,道長致开,這世上最難降的妖魔是什么峰锁? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮双戳,結(jié)果婚禮上虹蒋,老公的妹妹穿的比我還像新娘。我一直安慰自己飒货,他們只是感情好魄衅,可當我...
    茶點故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著塘辅,像睡著了一般晃虫。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上扣墩,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天哲银,我揣著相機與錄音,去河邊找鬼呻惕。 笑死荆责,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的亚脆。 我是一名探鬼主播草巡,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼型酥!你這毒婦竟也來了山憨?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤弥喉,失蹤者是張志新(化名)和其女友劉穎郁竟,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體由境,經(jīng)...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡棚亩,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了虏杰。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片讥蟆。...
    茶點故事閱讀 38,161評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖纺阔,靈堂內(nèi)的尸體忽然破棺而出瘸彤,到底是詐尸還是另有隱情,我是刑警寧澤笛钝,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布质况,位于F島的核電站愕宋,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏结榄。R本人自食惡果不足惜中贝,卻給世界環(huán)境...
    茶點故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望臼朗。 院中可真熱鬧邻寿,春花似錦、人聲如沸视哑。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽黎炉。三九已至枝秤,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間慷嗜,已是汗流浹背淀弹。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留庆械,地道東北人薇溃。 一個月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像缭乘,于是被迫代替她去往敵國和親沐序。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 42,916評論 2 344

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

  • HTML堕绩、XML策幼、XHTML 有什么區(qū)別? 因為相同之處從字面可以看出奴紧,他們都是ML特姐,都是標記語言(Markup ...
    DCbryant閱讀 278評論 0 2
  • 課程任務(wù) 1.HTML,XML,XHTML有什么區(qū)別 HTML,超文本標記語言,語法較為松散不是嚴格的標記語言黍氮。X...
    Jingle_hunger閱讀 299評論 0 1
  • 一唐含、HTML、XML沫浆、XHTML 有什么區(qū)別捷枯? 首先,我們來看看每一項在維基百科中第一句話介紹: HTML: 超文...
    SHININGJACK閱讀 1,366評論 0 2
  • 1.HTML专执、XML淮捆、XHTML 的區(qū)別 HTML:是HyperText Markup Language的簡稱,即...
    饑人谷_秦勤閱讀 298評論 0 0
  • 今天正式開始看考試的書籍,翻開書争剿,看到熟悉的內(nèi)容已艰,心理莫名的產(chǎn)生了一種親切感痊末,考試的知識是自己大學學過的蚕苇,兩年前...
    闌十三閱讀 198評論 0 11