1. HTML证薇、XML度苔、XHTML 有什么區(qū)別?
- HTML匆篓，超文本標(biāo)記語(yǔ)言，是語(yǔ)法較為松散的寇窑、不嚴(yán)格的Web語(yǔ)言鸦概；
- XML，可擴(kuò)展標(biāo)記語(yǔ)言甩骏，主要用于存儲(chǔ)數(shù)據(jù)和結(jié)構(gòu)參考窗市；
- XHTML，可擴(kuò)展超文本標(biāo)記語(yǔ)言饮笛，基于XML咨察，作用與HTML類似，但語(yǔ)法更嚴(yán)格參考福青。
-
其中XHTML 與 HTML 之間的差異
- 最主要的不同：
- XHTML 元素必須被正確地嵌套摄狱。
- XHTML 元素必須被關(guān)閉。
- 標(biāo)簽名必須用小寫字母无午。
- XHTML 文檔必須擁有根元素媒役。
- 參考 XHTML 與 HTML 之間的差異
2.怎樣理解 HTML 語(yǔ)義化?
語(yǔ)義化HTML是一種編寫HTML的方式,選擇合適的標(biāo)簽
使用合理的代碼結(jié)構(gòu)，便于開發(fā)者閱讀宪迟，同時(shí)讓瀏覽器的爬蟲和機(jī)器很好地解析酣衷。
3. 怎樣理解內(nèi)容與樣式分離的原則?
寫 HTML 的時(shí)候先不管樣式, 重點(diǎn)放在HTML的結(jié)構(gòu)和語(yǔ)義化上，讓 HTML 能體現(xiàn)頁(yè)面結(jié)構(gòu)或者內(nèi)容,之后再去寫樣式次泽。
寫 JS 的時(shí)候穿仪，盡量不要用 JS 去直接操作樣式，而是通過給元素添加刪除class來控制樣式變化
HTML 內(nèi)不允許出現(xiàn)屬性樣式意荤，盡量不要出現(xiàn)行內(nèi)樣式
- 為什么要語(yǔ)義化啊片？
- 有利于SEO(SEO是由英文Search Engine Optimization縮寫而來， 中文意譯為“搜索引擎優(yōu)化);
- 有助于爬蟲抓取更多的有效信息袭异，爬蟲是依賴于標(biāo)簽來確定上下文和各個(gè)關(guān)鍵字的權(quán)重;
- 語(yǔ)義化的HTML在沒有CSS的情況下也能呈現(xiàn)較好的內(nèi)容結(jié)構(gòu)與代碼結(jié)構(gòu),方便其他設(shè)備的解析,便于團(tuán)隊(duì)開發(fā)和維護(hù)
4. 有哪些常見的meta標(biāo)簽?
<meta> 標(biāo)簽永遠(yuǎn)位于 head 元素內(nèi)部
meta常見屬性
來自http://www.runoob.com/
5. 文檔聲明的作用?嚴(yán)格模式和混雜模式指什么?<!doctype html> 的作用?
文檔聲明作用
總是給您的 HTML 文檔添加 <!DOCTYPE> 聲明钠龙，確保瀏覽器能夠預(yù)先知道文檔類型。
嚴(yán)格模式和混雜模式指什么
- JavaScript 嚴(yán)格模式（strict mode）即在嚴(yán)格的條件下運(yùn)行。
使用 "use strict" 指令
"use strict" 指令在 JavaScript 1.8.5 (ECMAScript5) 中新增碴里。
它不是一條語(yǔ)句沈矿，但是是一個(gè)字面量表達(dá)式，在 JavaScript 舊版本中會(huì)被忽略咬腋。
"use strict" 的目的是指定代碼在嚴(yán)格條件下執(zhí)行羹膳。
嚴(yán)格模式下你不能使用未聲明的變量。
嚴(yán)格模式聲明
嚴(yán)格模式通過在腳本或函數(shù)的頭部添加 "use strict"; 表達(dá)式來聲明根竿。
- 為什么使用嚴(yán)格模式:
消除Javascript語(yǔ)法的一些不合理陵像、不嚴(yán)謹(jǐn)之處，減少一些怪異行為;
消除代碼運(yùn)行的一些不安全之處寇壳，保證代碼運(yùn)行的安全醒颖；
提高編譯器效率，增加運(yùn)行速度壳炎；
為未來新版本的Javascript做好鋪墊泞歉。
例子:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
</head>
<body>
<p>在函數(shù)內(nèi)使用 "use strict" 只在函數(shù)內(nèi)報(bào)錯(cuò)。
</p>
<p>瀏覽器按下 F12 開啟調(diào)試模式匿辩，查看報(bào)錯(cuò)信息腰耙。</p>
<script>
x = 3.14; // 不報(bào)錯(cuò)
myFunction();
function myFunction() {
"use strict";
y = 3.14; // 報(bào)錯(cuò) (y 未定義)
}
混雜模式:在混雜模式中，頁(yè)面以一種比較寬松的向后兼容的方式顯示铲球⊥ε樱混雜模式通常模擬老式瀏覽器的行為以防止老站點(diǎn)無(wú)法工作
-->嚴(yán)格模式參考鏈接
<!doctype html> 的作用
<!DOCTYPE> 聲明位于文檔中的最前面的位置，處于 <html> 標(biāo)簽之前稼病。
<!DOCTYPE> 聲明不是一個(gè) HTML 標(biāo)簽选侨；它是用來告知 Web 瀏覽器頁(yè)面使用了哪種 HTML 版本。
6. 瀏覽器亂碼的原因是什么溯饵？如何解決?
原因:
- 亂碼產(chǎn)生的根本原因是你保存的編碼格式和瀏覽器解析時(shí)的解碼格式不匹配導(dǎo)致的侵俗。
- 亂碼一般是英文以外的字符才會(huì)出現(xiàn)。
為啥純粹的英文不會(huì)出現(xiàn)亂碼問題丰刊，即使編碼方式和解碼方式不一致隘谣？那是因?yàn)榍懊嬷v過了 utf-8、gbk對(duì)英文都是采用1個(gè)字節(jié)的編碼方式啄巧，并且使用了相同的碼字寻歧。
解決:
1.在文件保存的時(shí)候你自己要清楚是用哪種編碼方式保存的。如果你的文件是保存為utf-8格式秩仆，那么一定要在html 的<head>里添加<meta charset="utf-8">码泛，這句話的意思是告訴瀏覽器在打開這個(gè)頁(yè)面的時(shí)候不要去猜了，直接用utf-8去解碼澄耍。
2.同理噪珊，如果你的文件保存為gbk格式晌缘，一定在文件里添加<meta charset="gbk">。
以上參考鏈接
7. 常見的瀏覽器有哪些痢站，什么內(nèi)核?
世界上主流的瀏覽器有五種磷箕，Google Chrome、Safari阵难、Firefox, IE岳枷、Opera、
內(nèi)核作用
瀏覽器最重要或者說核心的部分是“Rendering Engine”呜叫，可大概譯為“渲染引擎”空繁，不過我們一般習(xí)慣將之稱為“瀏覽器內(nèi)核”。負(fù)責(zé)對(duì)網(wǎng)頁(yè)語(yǔ)法的解釋（如標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用HTML朱庆、JavaScript）并渲染（顯示）網(wǎng)頁(yè)盛泡。 所以，通常所謂的瀏覽器內(nèi)核也就是瀏覽器所采用的渲染引擎椎工，渲染引擎決定了瀏覽器如何顯示網(wǎng)頁(yè)的內(nèi)容以及頁(yè)面的格式信息饭于。不同的瀏覽器內(nèi)核對(duì)網(wǎng)頁(yè)編寫語(yǔ)法的解釋也有不同蜀踏，因此同一網(wǎng)頁(yè)在不同的內(nèi)核的瀏覽器里的渲染（顯示）效果也可能不同维蒙，這也是網(wǎng)頁(yè)編寫者需要在不同內(nèi)核的瀏覽器中測(cè)試網(wǎng)頁(yè)顯示效果的原因。
內(nèi)核分類：
Trident：
IE內(nèi)核
>Gecko：
Gecko(Firefox內(nèi)核)：Mozilla FireFox(火狐瀏覽器) 采用了該內(nèi)核果覆。
>Webkit：
Webkit(Safari內(nèi)核,Chrome內(nèi)核原型,開源):它是蘋果公司自己的內(nèi)核颅痊，也是蘋果的Safari瀏覽器使用的內(nèi)核。 Webkit引擎包含WebCore排版引擎及JavaScriptCore解析引擎局待。WebKit內(nèi)核常見的瀏覽器：傲游瀏覽器3斑响、Apple Safari (Win/Mac/iPhone/iPad)、Android 默認(rèn)瀏覽器钳榨。在腳本理解方面舰罚，Chrome使用自己研發(fā)的V8引擎。
>Blink：
Blink是一個(gè)由Google和Opera Software開發(fā)的瀏覽器排版引擎薛耻，Opera表示將會(huì)跟隨谷歌采用其Blink瀏覽器核心营罢，同時(shí)參與了Blink的開發(fā).
>JavaScript引擎
JavaScript引擎是一個(gè)專門處理JavaScript腳本的虛擬機(jī)，一般會(huì)附帶在網(wǎng)頁(yè)瀏覽器之中饼齿。
>Mozilla：
SpiderMonkey饲漾，第一款JavaScript引擎。
>Google：
V8引擎缕溉，是Chrome瀏覽器的一部分考传。
>微軟：
Chakra (JScript引擎)，中文譯名為查克拉证鸥，用于Internet Explorer 9的32位版本僚楞。
>Opera：
Carakan勤晚，由Opera軟件公司編寫，自O(shè)pera10.50版本開始使用泉褐。
8. 列出常見的標(biāo)簽运翼，并簡(jiǎn)單介紹這些標(biāo)簽用在什么場(chǎng)景?
HTML文本修飾標(biāo)記
<b></b>：加粗bold。如：<b>HTML文件</b>
<i></i>：斜體italic兴枯。如：<i>HTML文本</i>
<u></u>：下劃線underline血淌。如：<u>HTML文本</u>
<s></s>：刪除線strike。如：<s>刪除線</s>
<sup></sup>上標(biāo)财剖。
<sub></sub>下標(biāo)悠夯。
<font></font>字體標(biāo)記
屬性：Size：文本大小，取值1-7躺坟。1小沦补，7大。
Color：顏色值咪橙。
Face：字體夕膀，楷體、黑體美侦、宋體...
HTML排版標(biāo)記
1.<p></p>表示一個(gè)段落产舞。
常用屬性：align：水平對(duì)齊方式，取值：left(左)菠剩、 center(居中)易猫、 right(右)
舉例：<p align="center">水平對(duì)齊方式居中對(duì)齊</p>
2.換行標(biāo)記<br>
3.水平線標(biāo)記(單邊標(biāo)記)：<hr>
size：水平線的粗細(xì)，單位一般為px具壮。
color：水平線的顏色准颓。
width：水平線的寬度。
noshade：去掉水平線的陰影(在HTML中棺妓，noshade是沒有值的屬性)攘已。如：<hr noshade>
4.<pre>預(yù)排版標(biāo)記
功能：將保留所有的空白字符(空格、換行符)怜跑，換句話說：就是原封不動(dòng)輸出样勃。
語(yǔ)法：<pre>內(nèi)容</pre>
5.標(biāo)題標(biāo)記：<h1>……<h6>
功能：定義各種標(biāo)題。
屬性：align水平對(duì)齊方式妆艘，取值：left彤灶、center、right批旺。
語(yǔ)法：<h1 align = “l(fā)eft | center | right”></h1>
<div>和<span>標(biāo)記
<span>是沒有任何意義的標(biāo)記名挥，但是，又是使用最多的標(biāo)記。<span>要與CSS配合使用票编。<span>是行內(nèi)元素踪古。
>（1）塊元素
塊元素须揣，一般是單獨(dú)占一行葛虐，不管內(nèi)容多少，總是占一行译株。
塊元素有哪些瓜喇？<div>、<p>歉糜、<h1>乘寒、<h2>、<pre>等
>（2）行內(nèi)元素
行內(nèi)元素匪补，不會(huì)單獨(dú)占一行伞辛。
行內(nèi)元素的寬度，主要是根據(jù)內(nèi)容決定夯缺。
多個(gè)行內(nèi)元素蚤氏，會(huì)排在同一行。
行內(nèi)元素有哪些喳逛？<span> <font>瞧捌、<b>、<i>润文、<u>、<sub>殿怜、<sup>等
結(jié)論：在標(biāo)記嵌套時(shí)典蝌，一般是塊元素中嵌套行內(nèi)元素。
:版權(quán)歸個(gè)人所有,轉(zhuǎn)載注明出處
