1、HTML和XHTML之間有什么區(qū)別？
- HTML 即是超文本標(biāo)記語(yǔ)言，出現(xiàn)時(shí)間早，編碼不規(guī)范，是語(yǔ)法較為松散、不嚴(yán)格的web語(yǔ)言。
- XHTML 是升級(jí)版的HTML，對(duì)HTML進(jìn)行了規(guī)范，編碼更加嚴(yán)謹(jǐn)純潔，也是一種過渡語(yǔ)言，html向xml過渡的語(yǔ)言。
（發(fā)展趨勢(shì)：HTML ——> XHTML ——>xml ）
2、常見的塊級(jí)元素和行內(nèi)元素，有什么區(qū)別?
- 塊級(jí)元素有：
h1,h2,h3,h4,h5,h6,p,div,dl,dt,hr,ol,ul,li,form,pre,table,td,th； - 行內(nèi)元素有：
em,strong,span,button,input,label,code,select,img,textarea； - 區(qū)別：
1.）塊級(jí)元素占據(jù)一整行，可以設(shè)置寬/高、margin/padding、包含塊級(jí)元素和行內(nèi)元素；
2.）行內(nèi)元素與其它行內(nèi)元素位于同一行，只能包含文本，設(shè)置寬/高是無效的，行內(nèi)元素只有margin-left、margin-right、padding-left、padding-right起作用。
3、Doctype? 嚴(yán)格模式與混雜模式-如何觸發(fā)這兩種模式,區(qū)分它們有何意義?
<!DOCTYPE>聲明叫做文件類型定義。作用是為了告訴瀏覽器該文件的類型。讓瀏覽器解析器知道該應(yīng)用哪個(gè)復(fù)返來解析文檔。-
如何觸發(fā)文檔模式
①觸發(fā)混雜模式：如果在文檔開始處沒有發(fā)現(xiàn)文檔類型聲明，則所有瀏覽器都會(huì)默認(rèn)開啟混雜模式。但不同瀏覽器在這種模式下的行為差異非常大。需要使用某些hack技術(shù)來解決。
②觸發(fā)標(biāo)準(zhǔn)模式：<!-- HTML 4.01 嚴(yán)格型 --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!-- XHTML 1.0 嚴(yán)格型 --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">③
觸發(fā)標(biāo)準(zhǔn)模式：<!-- HTML 4.01 過渡型 --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!-- HTML 4.01 框架集型 --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <!-- XHTML 1.0 過渡型 --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- XHTML 1.0 框架集型 --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">④
IE8中關(guān)閉超級(jí)標(biāo)準(zhǔn)模式：<meta http-equiv="X-UA-Compatible" content="IE=7" /> //content屬性中IE的值用于指定使用哪個(gè)版本的呈現(xiàn)引擎來呈現(xiàn)頁(yè)面。設(shè)計(jì)這個(gè)值的目的就是為了向后兼容那些專門為老版本的IE設(shè)計(jì)的站點(diǎn)和頁(yè)面。 嚴(yán)格模式：又稱為標(biāo)準(zhǔn)模式，指瀏覽器按照 W3C 標(biāo)準(zhǔn)解析代碼；
混雜模式：又稱為兼容模式或怪異模式，指瀏覽器用自己的方式解析代碼。區(qū)分：瀏覽器解析時(shí)到底使用嚴(yán)格模式還是混雜模式，與網(wǎng)頁(yè)中的 DTD 直接相關(guān)
1.）文檔包含嚴(yán)格的DOCTYPE，那么一般以嚴(yán)格模式呈現(xiàn)。（嚴(yán)格 DTD ——嚴(yán)格模式）
2.）包含過渡 DTD 和 URL 的 DOCTYPE，也以嚴(yán)格模式呈現(xiàn)，但有過渡 DTD 卻無 URL(統(tǒng)一資源標(biāo)識(shí)符，即聲明最后的地址) 會(huì)導(dǎo)致頁(yè)面以混雜模式呈現(xiàn)。(有 URI 的過渡 DTD ——嚴(yán)格模式；沒有 URI 的過渡 DTD ——混雜模式)
3.）DOCTYPE 不存在或形式不正確會(huì)導(dǎo)致文檔以混雜模式呈現(xiàn)。(DTD不存在或者格式不正確——混雜模式)
4.）HTML5 沒有 DTD，所以沒有嚴(yán)格模式和混雜模式區(qū)分。(HTML5 沒有嚴(yán)格和混雜之分)
4、WEB標(biāo)準(zhǔn)以及W3C標(biāo)準(zhǔn)是什么?
- 標(biāo)簽閉合、標(biāo)簽小寫、不亂嵌套、使用外鏈 css 和 js 、結(jié)構(gòu)行為表現(xiàn)的分離
5、link和@import的區(qū)別是？
- 1.）
歸屬關(guān)系的差別：<link>屬于XHTML標(biāo)簽，而@import是CSS提供的； - 2.）
加載順序的差別：<link>會(huì)同時(shí)被加載，而@import引用的CSS會(huì)等到頁(yè)面被加載完再加載； - 3.）
兼容性的差別：<link>無兼容問題，@import只在IE5以上才能識(shí)別； - 4.）
使用dom控制樣式時(shí)的差別：<link>方式的樣式的權(quán)重 高于@import的權(quán)重。
6、移動(dòng)布局自適應(yīng)不同屏幕的幾種方式
（1）響應(yīng)式布局
（2）100%布局（彈性布局）
（3）等比縮放布局（rem）
7、CSS的盒子模型有哪些？
- IE 盒子模型、標(biāo)準(zhǔn) W3C 盒子模型：IE的content部分包含了 border 和 pading;
- 盒模型： 內(nèi)容(content)、填充(padding)、邊界(margin)、 邊框(border).
