-
HTML齐佳、XML、XHTML 有什么區(qū)別?
- HTML即是超文本標(biāo)記語言（Hyper Text Markup Language）洪橘，是最早寫網(wǎng)頁的語言帚戳，但是由于時間早，規(guī)范不是很好通铲，大小寫混寫且編碼不規(guī)范,是語法較為松散的毕莱、不嚴(yán)格的Web語言
- XHTML是升級版的html（Extensible Hyper Text Markup Language），對html進(jìn)行了規(guī)范颅夺，編碼更加嚴(yán)謹(jǐn)純潔朋截，也是一種過渡語言，html向xml過渡的語言吧黄。實(shí)際上XHTML 與 HTML 4.01 標(biāo)準(zhǔn)沒有太多的不同部服。
-
XML是可擴(kuò)展標(biāo)記語言（Extensible Markup Language），是一種跨平臺語言拗慨，編碼更自由廓八，可以自由創(chuàng)建標(biāo)簽（
比如像下面這樣創(chuàng)建：
<note>
<to>Tove</to>
<from>Jani</from>
<heading>Reminder</heading>
<body>Don't forget me this weekend!</body>
</note>
），主要用于存儲數(shù)據(jù)和結(jié)構(gòu)赵抢，可擴(kuò)展
HTML和XML的區(qū)別：
-
XML 被設(shè)計用來傳輸和存儲數(shù)據(jù)剧蹂，其焦點(diǎn)是數(shù)據(jù)的內(nèi)容。
-
HTML 被設(shè)計用來顯示數(shù)據(jù)烦却，其焦點(diǎn)是數(shù)據(jù)的外觀宠叼。
-
HTML 旨在顯示信息，而 XML 旨在傳輸信息短绸。
-
XML在定義標(biāo)記時區(qū)分大小寫车吹，而HTML標(biāo)記不區(qū)分大小寫。
HTML和XHTML的區(qū)別：
-
XHTML 元素必須被正確地嵌套醋闭。
例如：XHTML必須要這樣<b><i>This text is bold and italic</i></b>
而在 HTML 中窄驹，某些元素可以像這樣彼此不正確地嵌套：
<b><i>This text is bold and italic</b></i>
-
XHTML 元素必須被關(guān)閉。
例如<p>This is a paragraph</p>===>>這是正確的
<p>This is a paragraph===>>這是錯誤的
-
標(biāo)簽名必須用小寫字母证逻。
例如: <p>This is a paragraph</p>==>>這是正確的
<P>This is a paragraph</P>===>>這是錯誤的
-
XHTML 文檔必須擁有根元素乐埠。
所有的 XHTML 元素必須被嵌套于 <html> 根元素中
-
怎樣理解 HTML 語義化?
HTML語義化是讓大家直觀的認(rèn)識標(biāo)簽(markup)和屬性(attribute)的用途和作用，選擇合適的標(biāo)簽（代碼語義化）便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時讓瀏覽器的爬蟲和機(jī)器很好地解析囚企，并且便于團(tuán)隊開發(fā)和維護(hù)丈咐。
-
怎樣理解內(nèi)容與樣式分離的原則?
寫 HTML 的時候先不管樣式, 重點(diǎn)放在HTML的結(jié)構(gòu)和語義化上，讓 HTML 能體現(xiàn)頁面結(jié)構(gòu)或者內(nèi)容龙宏。之后再去寫樣式棵逊。
寫 JS 的時候，盡量不要用 JS 去直接操作樣式银酗，而是通過給元素添加刪除class來控制樣式變化辆影。
文檔結(jié)構(gòu)與文檔樣式的分離可以確保網(wǎng)頁的平穩(wěn)退化徒像，也讓內(nèi)容和樣式在可以分開獨(dú)立編輯。
-
有哪些常見的meta標(biāo)簽?
- 指定字符集
<meta charset="utf-8">- 向搜索引擎說明你的網(wǎng)頁的關(guān)鍵詞
<meta name="keywords" content="">- 告訴搜索引擎你的站點(diǎn)的主要內(nèi)容
<meta name="description" content="">- 告訴搜索引擎你的站點(diǎn)的制作的作者
<meta name="author" content="your name">- 響應(yīng)式頁面
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- 定時讓網(wǎng)頁在3秒內(nèi)跳轉(zhuǎn)到mozilla首頁(
http-equiv屬性為名稱/值對提供了名稱蛙讥。并指示服務(wù)器在發(fā)送實(shí)際的文檔之前先在要傳送給瀏覽器的 MIME 文檔頭部包含名稱/值對锯蛀。)
<meta http-equiv="refresh" content="3" url=https://www.mozilla.org"> - 如果安裝了GCF (Google Chrome Frame)，則使用GCF來渲染頁面 ("chrome=1"), 如果沒有安裝GCF次慢，則使用最高版本的IE內(nèi)核進(jìn)行渲染 ("IE=edge")旁涤。
X-UA-Compatible(瀏覽器采取何種版本渲染當(dāng)前頁面)
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> - 瀏覽器的內(nèi)核控制
<meta name="renderer" content="webkit|ie-comp|ie-stand">
-
文檔聲明的作用?
文檔聲明用來告知瀏覽器當(dāng)前文檔所使用的類型，讓瀏覽器解析器知道要用什么規(guī)范來解析文檔迫像。
-
嚴(yán)格模式和混雜模式指什么?
在嚴(yán)格模式中劈愚，瀏覽器以其支持的最高標(biāo)準(zhǔn)呈現(xiàn)頁面。
在混雜模式中侵蒙，又稱怪異模式或兼容模式造虎，瀏覽器用自己的方式解析代碼，頁面以一種比較寬松的向后兼容的方式顯示纷闺∷阍洌混雜模式通常模擬老式瀏覽器的行為以防止老站點(diǎn)無法工作。
-
<!doctype html> 的作用?
它是html5標(biāo)準(zhǔn)網(wǎng)頁聲明,告訴瀏覽器用最新的 HTML5標(biāo)準(zhǔn)來解析渲染頁面犁功；如果不寫氓轰，瀏覽器就會進(jìn)入混雜模式。
-
瀏覽器亂碼的原因是什么浸卦？如何解決署鸡？
亂碼產(chǎn)生的根本原因是保存的編碼格式和瀏覽器解析時的解碼格式不匹配導(dǎo)致的。
解決方式： 寫代碼的時候在html 的<head>里添加<meta charset='xxx'>并且保存的時候仍選擇同樣的編碼方式限嫌。
-
常見的瀏覽器有哪些靴庆？什么內(nèi)核？
- Internet explorer 使用的是Trident
- Firefox使用的是Gecko怒医。
- opera之前使用的是Presto炉抒，后來用Blink
- 蘋果的Safari，谷歌的Chrome使用的是WebKit稚叹，還有國產(chǎn)的大部分雙核瀏覽器其中一核就是WebKit焰薄。
-
列出常見的標(biāo)簽，并簡單介紹這些標(biāo)簽用在什么場景扒袖？
| 標(biāo)簽 | 運(yùn)用場景 |
|---|---|
<html> |
HTML 頁面的根元素 |
<body> |
文檔的內(nèi)容 |
<head> |
用于定義文檔的頭部 |
<meta> |
提供了元數(shù)據(jù).元數(shù)據(jù)也不顯示在頁面上塞茅，被瀏覽器解析 |
<title> |
文檔的標(biāo)題 |
<h1>-<h6> |
定義了一級標(biāo)題到六級標(biāo)題，標(biāo)題字體大小逐漸減弱 |
<p> |
定義一個段落 |
<a> |
網(wǎng)頁鏈接 |
<div> |
塊級元素季率，它可用于組合其他 HTML 元素的容器,沒有特定的含義 |
<span> |
內(nèi)聯(lián)元素野瘦，也沒有特定的含義，可用作文本的容器 |
<u> |
下劃線 |
<em> |
強(qiáng)調(diào)文本 |
<strong> |
加重文本 |
<ol> |
有序列表 |
<ul> |
無序列表 |
<li> |
定義列表項(xiàng)目 |
<img> |
圖片 |
<br > |
換行 |
<input> |
定義輸入控件 |
<i> |
斜體字 |
<table> |
定義表 |
<tr> |
定義表格中的行 |
<td> |
定義表中的單元格 |
<th> |
定義表格的表頭 |
<tbody> |
定義表格的主體 |
<tfoot> |
定義表格的頁腳 |
<hr> |
創(chuàng)建一條水平線 |
<iframe> |
定義內(nèi)聯(lián)框架 |
<cite> |
定義作品的標(biāo)題 |
<button> |
按鈕 |
<b> |
定義粗體文本 |
<form> |
定義用于用戶輸入的HTML表單 |
<caption> |
定義表標(biāo)題 |
<footer> |
定義文檔或節(jié)的頁腳 |
