HTML、XML、XHTML有什么區(qū)別
HTML超文本標記語言,用來描述網(wǎng)頁。語法要求較為松散。
XML可擴展標記語言,可自定義,通常用來傳送及攜帶數(shù)據(jù)
XHTML是根據(jù)HTML 4 和 XML 1.0重組而成。改進了HTML定義不規(guī)范,結(jié)構(gòu)不嚴謹?shù)娜秉c。它的語法更加嚴格,相對HTML的兼容性也不差。
HTML 語義化
HTML標簽就帶有一定的語義化成分。編寫代碼時明顯區(qū)分,標題是標題,段落是段落。將內(nèi)容結(jié)構(gòu)化,使代碼變得更加易讀,易維護;同時機器和爬蟲更加容易解析。
內(nèi)容與樣式分離的原則
在前端中,Html指的是結(jié)構(gòu);CSS指的是樣式;JavaScript指的是行為。
- 寫 HTML 的時候先不管樣式, 重點放在HTML的結(jié)構(gòu)和語義化上,讓 HTML 能體現(xiàn)頁面結(jié)構(gòu)或者內(nèi)容。之后再去寫樣式。
- HTML 內(nèi)不允許出現(xiàn)屬性樣式,盡量不要出現(xiàn)行內(nèi)樣式。
- 寫 JS 的時候,盡量不要用 JS 去直接操作樣式,而是通過給元素添加刪除class來控制樣式變化。
常見的meta標簽
聲明文檔使用的字符編碼
<meta charset='utf-8' />
聲明文檔兼容模式,指示IE以目前可用的最高模式顯示內(nèi)容
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- 關(guān)于X-UA-Compatible -->
<meta http-equiv="X-UA-Compatible" content="IE=6" ><!-- 使用IE6 -->
<meta http-equiv="X-UA-Compatible" content="IE=7" ><!-- 使用IE7 -->
<meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
定義針對搜索引擎的關(guān)鍵詞
<meta name="keywords" content="your tags">
5秒刷新一次頁面
<meta http-equiv="refresh" content="5"/>
禁用緩存
<meta http-equiv="pragma" content="no-cache">
文檔聲明的作用?嚴格模式和混雜模式指什么?<!doctype html>
- 文檔聲明用來告知瀏覽器當前文檔所使用的HTML或XHTML規(guī)范。
是用來聲明當前文檔為html5的方法 - 嚴格模式是指按照瀏覽器所支持的最高版本來實現(xiàn)效果;
- 混雜模式則相反,盡可能向后兼容。使用老版本瀏覽器的顯示模式。
瀏覽器亂碼的原因以及解決方法
原因:一般是文檔沒有聲明自身編碼導(dǎo)致瀏覽器錯誤的使用了與文檔不同的解碼方式從而導(dǎo)致內(nèi)容無法正常顯示
解決:如果瀏覽器瀏覽時候出現(xiàn)網(wǎng)頁亂碼,在瀏覽器中找到轉(zhuǎn)換編碼的菜單調(diào)整。IE9瀏覽器:在需要轉(zhuǎn)碼的網(wǎng)頁空白出右鍵鼠標,選擇“編碼”。谷歌瀏覽器:在需要轉(zhuǎn)碼的網(wǎng)頁時,點擊右上角“三橫”圖標選擇“工具”-->“編碼”即可選擇切換網(wǎng)頁編碼
常見的瀏覽器有哪些,什么內(nèi)核
chrome、Safari、360極速瀏覽器以及搜狗瀏覽器高速模式使用WebKit內(nèi)核
IE、獵豹、360、搜狗、傲游、世界之窗、Avant、騰訊TT使用Trident內(nèi)核,又稱為IE內(nèi)核。
Firefox、Netscape6至9使用Gecko內(nèi)核。
Chrome(28及往后版本)、Opera(15及往后版本)和Yandex瀏覽器中使用Blink內(nèi)核
常見的標簽,并簡單介紹這些標簽用在什么場景
| 標簽 | 使用場景 |
|---|---|
| <html>...</html> | 定義了文檔的開始點和結(jié)束點 |
| <a>..</a> | 定義超鏈接 |
| <img> | 圖片 |
| <meta>..</meta> | 提供有關(guān)頁面的元信息 |
| <tr>..</tr> | 定義表格中的行 |
| <h1>-<h6> | 定義標題 |