HTML、XML劲够、XHTML 有什么區(qū)別
- HTML：超文本標(biāo)記語言（Hyper Text Markup Language）聊疲，是用來描述網(wǎng)頁的標(biāo)記語言，語法較為松散搭儒，被設(shè)計用來顯示數(shù)據(jù)穷当；
- XML：可擴展標(biāo)記語言（eXtensible Markup Language)，也是一種標(biāo)記語言淹禾，類似于 HTML馁菜。XML 標(biāo)簽沒有被預(yù)定義，需要自行定義標(biāo)簽稀拐，被設(shè)計為自我描述性火邓，是 W3C 推薦標(biāo)準(zhǔn)；XML 設(shè)計宗旨是傳輸和存儲數(shù)據(jù)，而非顯示數(shù)據(jù)铲咨；
- XHTML：可擴展超文本標(biāo)記語言（eXtensible Hyper Text Markup Language）躲胳，基于XML，作用與 HTML 相似纤勒，目的是取代HTML坯苹。XHTML 是一個 W3C 標(biāo)準(zhǔn)，相較于 HTML摇天，XHTML 的語法更加嚴(yán)格粹湃。
怎樣理解 HTML 語義化
- 語義化 HTML 是一種編寫 HTML 的方式，選擇合適的標(biāo)簽泉坐、使用合理的代碼結(jié)構(gòu)为鳄，便于開發(fā)者閱讀，同時讓瀏覽器的爬蟲和機器更好的解析腕让。
怎樣理解內(nèi)容與樣式分離的原則
- 寫 HTML 時孤钦，先不管樣式，重點放在 HTML 的機構(gòu)和語義化上纯丸，讓 HTML 能夠體現(xiàn)頁面的結(jié)構(gòu)或者內(nèi)容偏形；
- 寫 JS 的時候，盡量不要用 JS 直接去操作樣式觉鼻，而是通過給元素增加刪除 class 來控制頁面變化（即行為分離）俊扭；
- HTML 內(nèi)不允許出現(xiàn)屬性樣式，盡量不要出現(xiàn)行內(nèi)樣式坠陈，減少 HTML 與 CSS 契合度（即內(nèi)容與樣式分離）萨惑。
有哪些常見的meta標(biāo)簽
| 標(biāo)簽 | 含義 |
|---|---|
<meta charset="utf-8"> |
聲明文檔編碼類型 |
<meta name="keywords" content="HTML"> |
文檔關(guān)鍵詞，便于搜索引擎索引 |
<meta name="description" content="HTML"> |
頁面的描述 |
<meta name="author" content="作者"> |
聲明網(wǎng)頁作者 |
<meta http-equiv="refresh" content="5"> |
5秒后刷新頁面 |
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> |
聲明文檔兼容模式畅姊，指示IE以目前可用的最高模式顯示內(nèi)容 |
文檔聲明的作用?嚴(yán)格模式和混雜模式指什么?<!doctype html> 的作用?
-
<!DOCTYPE>標(biāo)簽用來聲明文檔對象模型咒钟，位于文檔最前面吹由，用于告訴瀏覽器應(yīng)該使用哪種方式來解析渲染頁面若未； - 嚴(yán)格模式即使用
<!DOCTYPE>標(biāo)簽來聲明該用哪種方式來渲染頁面，混雜模式即不加<!DOCTYPE>標(biāo)簽倾鲫，即允許瀏覽器使用自己的方式來渲染頁面粗合； -
<!DOCTYPE html>即聲明使用HTML5來解析渲染頁面。
瀏覽器亂碼的原因是什么乌昔？如何解決
- 出現(xiàn)瀏覽器亂碼一般是由于文檔保存時的字符編碼方式與瀏覽器解析時使用的字符解碼格式不一致導(dǎo)致隙疚；
- 解決方法：在文檔中聲明所使用的編碼方式，如：使用
<meta charset="utf-8">來聲明字符編碼格式為"UTF-8"磕道。
常見的瀏覽器有哪些供屉，什么內(nèi)核
| 常見瀏覽器 | 內(nèi)核 |
|---|---|
| Chrome | Webkit |
| Safari | Webkit |
| Opera | Presto |
| Firefox | Gecko |
| IE | IE內(nèi)核 |
| 大部分國產(chǎn)瀏覽器 | IE內(nèi)核 |
列出常見的標(biāo)簽，并簡單介紹這些標(biāo)簽用在什么場景
| 標(biāo)簽 | 場景 |
|---|---|
<html> |
包含所有 HTML 內(nèi)容的標(biāo)簽 |
<body> |
包含了文檔的內(nèi)容 |
<head> |
定義文檔的頭部，是所有頭部元素的容器 |
<title> |
定義文檔的標(biāo)題 |
<meta> |
定義文檔的元信息 |
<a> |
在頁面中放置超鏈接 |
<img> |
引入圖片 |
<p> |
整段文字 |
<div> |
定義一個相同屬性的區(qū)塊 |
<h1> |
定義為一級標(biāo)題 |
<ul> |
無序列表伶丐，一般配合<li>使用 |
<ol> |
有序列表悼做，一般配合<li>使用 |
<li> |
列表項 |
