1仇箱、HTML、XML、XHTML 有什么區(qū)別
HTML 超文本標(biāo)記語言,是語法較為松散的芯义、不嚴(yán)格的Web語言
XHL 可擴(kuò)展的標(biāo)記語言，主要用于存儲(chǔ)數(shù)據(jù)和結(jié)構(gòu)
XHTML 可擴(kuò)展的超文本標(biāo)記語言妻柒，基于XML與HTML類似扛拨，但語法更為嚴(yán)格
2、怎樣理解 HTML 語義化
選擇合適的標(biāo)簽举塔、使用合理的代碼結(jié)構(gòu).便于開發(fā)者閱讀绑警，同時(shí)讓瀏覽器的爬蟲和機(jī)器很好地解析
3、怎樣理解內(nèi)容與樣式分離的原則
-
實(shí)現(xiàn)：
- 寫HTML的時(shí)候先不管樣式央渣，重點(diǎn)放在HTML的結(jié)構(gòu)和語義化上计盒，讓HTML能體現(xiàn)頁面結(jié)構(gòu)或者內(nèi)容。之后再去寫樣式芽丹。
- 寫JS的時(shí)候北启，盡量不要寫JS去直接操作樣式，而是通過給元素添加刪除class來控制樣式變化
- HTML內(nèi)不允許出現(xiàn)屬性樣式拔第，盡量不要出現(xiàn)行內(nèi)樣式
-
內(nèi)容與樣式分離的好處：
- 瀏覽器加載網(wǎng)頁頁面速度變快,大部分頁面代碼寫在了CSS當(dāng)中咕村，頁面體積容量變的更小
- 網(wǎng)頁修改設(shè)計(jì)時(shí)，效率蚊俺，省時(shí)懈涛。根據(jù)html標(biāo)簽內(nèi)ID或者class的標(biāo)記，到CSS里找到相應(yīng)的ID或者class 春叫，可以快速替換指定位置的樣式肩钠，不會(huì)破壞頁面架構(gòu)和其他部分的樣式典型的應(yīng)用就是網(wǎng)頁換膚，使用相同的html結(jié)構(gòu)暂殖，不同的css樣式价匠。
- 更好地被搜索引擎收錄，基于內(nèi)容與樣式分離的原則呛每，html的語義化踩窖，就是首要考慮的網(wǎng)頁中語義化的標(biāo)簽代碼就會(huì)更加適合搜索引擎
- css樣式的分離，它可以根據(jù)不同的瀏覽器晨横，達(dá)到顯示效果的統(tǒng)一洋腮。保證頁面架構(gòu)不變形的前提下，放心在不同瀏覽器渲染顯示樣式手形。
4啥供、有哪些常見的meta標(biāo)簽
- <meta charset="utf-8"> 此頁面的編碼格式
- <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" 針對(duì)雙內(nèi)核
- <meta name="viewport" content="width=device-width, user-scalable=no,
initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
讓它在移動(dòng)上展示比較合理 - <meta name="keywords" content="前端 饑人谷">
- <meta name="description" content="最有愛前端學(xué)習(xí)社區(qū)"
對(duì)搜索引擎優(yōu)化，會(huì)有好處
5库糠、文檔聲明的作用?嚴(yán)格模式和混雜模式指什么?<!doctype html> 的作用? - 文檔聲明的作用： DOCTYPE 介紹的HTML 將被使用在你的頁面伙狐。瀏覽器也使用DOCTYPE去決定怎樣渲染頁面。如果不文檔聲明的話，或者用錯(cuò)誤的文檔聲明贷屎，可能會(huì)用奇怪的模式去渲染罢防，IE 瀏覽器和 火狐瀏覽器的渲染模式完全不同的。如果不用標(biāo)準(zhǔn)模式的話唉侄，這將使得你的頁面正常起作用更加的困難咒吐。
- 嚴(yán)格模式： 就是 就是加 文檔聲明
- 混雜模式 ：不加文檔聲明，瀏覽器就會(huì)用寬松的方式渲染属划，自己的方式渲染恬叹。
- <!doctype html>的作用：告訴瀏覽器用html5的方式 去解析渲染當(dāng)前的頁面
6、瀏覽器亂碼的原因是什么同眯？如何解決 - 亂碼產(chǎn)生的根源是你保存的編碼格式和瀏覽器解析時(shí)的解碼格式不匹配導(dǎo)致的妄呕。一般是英文意外的字符才會(huì)出現(xiàn)。
- 解決：首頁嗽测，在文件保存的時(shí)候你自己要清楚是用哪種編碼方式保存的。如果你的文件是保存為utf-8格式肿孵，那么一定要在html 的
<head>里添加<meta charset="utf-8">唠粥，這句話的意思是告訴瀏覽器在打開這個(gè)頁面的時(shí)候不要去猜了，直接用utf-8去解碼停做。 同理晤愧，如果你的文件保存為gbk格式，一定在文件里添加`<meta charset="gbk">
7蛉腌、常見的瀏覽器有哪些官份，什么內(nèi)核? - IE 以Trident作為內(nèi)核
- Firefox 以Gecko作為內(nèi)核
- Apple的Safari Google Chrome,遨游3,獵豹瀏覽器，百度瀏覽器烙丛，以 WebKit作為內(nèi)核
- opera 采用Google的新開發(fā)的blink引擎
- 搜狗瀏覽器是雙核的 webkit 和IE內(nèi)核
8舅巷、列出常見的標(biāo)簽，并簡(jiǎn)單介紹這些標(biāo)簽用在什么場(chǎng)景
(1) h1~h6 網(wǎng)站標(biāo)題最大的就用h1 依次遞減
(2)p 包裹一段文字
(3)a 鏈接到一個(gè)地址
(4) img 展示圖片
(5) div 給頁面劃分區(qū)塊河咽，結(jié)構(gòu)清晰
(6)ul li 無序列表
(7)ol li 有序列表钠右，用于表示帶步驟或者編號(hào)的并列的ol
的直接子元素只能是li可以嵌套
(8)button 按鈕
(9)span 是用于在塊級(jí)元素里，針對(duì)某些元素忘蟹，我們需要定義樣式飒房。可以加標(biāo)簽
(10)iframe 復(fù)用塊 比如圖表 想要某圖表只要將圖表的鏈接寫進(jìn)iframe
需要值得注意的是 如果iframe里的鏈接的域作用名和當(dāng)前頁面的鏈接的域名不一樣媚值，那么js是不能夠操作iframe的狠毯，，也就是說僅僅是起到了展示的作用褥芒。
(11)table 用來展示表格嚼松，不用來做布局
