HTML
HyperText Markup Language（超文本標(biāo)記語(yǔ)言）是一種用于創(chuàng)建網(wǎng)頁(yè)的標(biāo)準(zhǔn)標(biāo)記語(yǔ)言。HTML是一種基礎(chǔ)技術(shù)，常與CSS和JS一起被眾多網(wǎng)站用于設(shè)計(jì)網(wǎng)頁(yè)、網(wǎng)頁(yè)應(yīng)用程序一級(jí)移動(dòng)應(yīng)用程序的用戶界面。網(wǎng)頁(yè)瀏覽器可以讀取HTML文件并將其渲染成可視化網(wǎng)頁(yè)。
HTML、XML、XHTML 有什么區(qū)別
- HTML：超文本標(biāo)記語(yǔ)言。語(yǔ)法較為松散，不合格的web語(yǔ)言；
- XML：可拓展標(biāo)記語(yǔ)言，用于存儲(chǔ)數(shù)據(jù)和結(jié)構(gòu)；
- XHTML：可拓展超文本標(biāo)記語(yǔ)言，以上兩者的結(jié)合，基于XML，作用與HTML類似但其語(yǔ)法更加嚴(yán)格。
怎樣理解 HTML 語(yǔ)義化
選擇合適的標(biāo)簽、合理的代碼結(jié)構(gòu)，使得開發(fā)者更容易閱讀內(nèi)容，同時(shí)機(jī)器也能更好的解析。語(yǔ)義化的優(yōu)點(diǎn)包括：
- 頁(yè)面能很好地呈現(xiàn)內(nèi)容結(jié)構(gòu)和代碼結(jié)構(gòu)；
- 和搜索引擎建立良好溝通，有助于爬蟲更高效的抓取有效信息，同時(shí)搜索引擎也根據(jù)標(biāo)記來(lái)確定上下文和各關(guān)鍵字的權(quán)重；
- 團(tuán)隊(duì)開發(fā)中使用統(tǒng)一標(biāo)準(zhǔn)，減少差異化，方便開發(fā)和維護(hù)，提高開發(fā)效率甚至實(shí)現(xiàn)模塊化開發(fā)；
- 在沒(méi)有CSS的時(shí)候能夠清晰的看出網(wǎng)頁(yè)的結(jié)構(gòu)，增強(qiáng)可讀性。
怎樣理解內(nèi)容與樣式分離的原則
在HTML輸入內(nèi)容的時(shí)候，只考慮其結(jié)構(gòu)化和語(yǔ)義化，所有的樣式由CSS來(lái)實(shí)現(xiàn)，不直接添加在HTML的內(nèi)容中。這樣對(duì)于以后修改樣式十分友好，修改時(shí)不需要管內(nèi)容是怎樣的。
有哪些常見的meta標(biāo)簽
| 標(biāo)簽 | 值 | 含義 |
|---|---|---|
<meta hcarset="XXX"> |
UTF-8、GBK、ISO-8859-1等 | 聲明該文檔所使用的字符編碼類型 |
<meta content="XXX"> |
any_text | 定義與 http-equiv 或 name 屬性相關(guān)的元信息 |
<meta http-equiv="XXX"> |
content-type、expires、refresh、set-cookie | 把 content 屬性關(guān)聯(lián)到 HTTP 頭部 |
<meta name="XXX"> |
author、description、keywords、generator、revised、others | 把 content 屬性關(guān)聯(lián)到一個(gè)名稱 |
<meta scheme="XXX"> |
any_text | 定義用于翻譯 content 屬性值的格式 |
文檔聲明的作用?嚴(yán)格模式和混雜模式指什么?<!doctype html> 的作用?
文檔聲明的作用是聲明文檔對(duì)象模型，用來(lái)告訴瀏覽器應(yīng)該勇敢種方式來(lái)解析渲染頁(yè)面。
嚴(yán)格模式是指使用<!doctype>標(biāo)簽來(lái)聲明。
混雜模式是指不加<!doctype>標(biāo)簽，允許瀏覽器自行選擇解析渲染方式。
<!doctype html>聲明使用HTML5的方式來(lái)解析渲染頁(yè)面。
瀏覽器亂碼的原因是什么？如何解決
一般原因是頁(yè)面內(nèi)代碼的編碼方式和瀏覽器的解碼方式不同，導(dǎo)致瀏覽器無(wú)法正確解析。
使用<meta charset="XXX">來(lái)標(biāo)簽保證代碼的編碼類型和瀏覽器的解碼方式一致。
常見的瀏覽器有哪些，什么內(nèi)核
| 瀏覽器 | 內(nèi)核 |
|---|---|
| Microsoft Edge | EdgeHTML |
| Internet Explorer | IE |
| FireFox | GEcko |
| Opear | Presto |
| Safari、Chrome | Webkit |
| 其他大部分瀏覽器 | IE |
列出常見的標(biāo)簽，并簡(jiǎn)單介紹這些標(biāo)簽用在什么場(chǎng)景
| 標(biāo)簽 | 應(yīng)用場(chǎng)景 |
|---|---|
<html></html> |
包含所有HTML內(nèi)容 |
<head></head> |
文檔頭部，是所有頭部元素的容器 |
<title></title> |
文檔的標(biāo)題 |
<meta></meta> |
提供有關(guān)頁(yè)面的信息 |
<body></body> |
文檔的內(nèi)容 |
<h1></h1> |
一級(jí)標(biāo)題，h1h6分別對(duì)應(yīng)一級(jí)標(biāo)題六級(jí)標(biāo)題，逐級(jí)減小 |
<img> |
插入圖片 |
<ul></ul> |
無(wú)序列表 |
<ol></ol> |
有序列表 |
<li></li> |
列表項(xiàng) |
<br> |
換行 |
<div></div> |
分塊 |
<span></span> |
行內(nèi)元素 |
<i></i> |
斜體 |
<em></em> |
強(qiáng)調(diào)文本 |
<strong></strong> |
強(qiáng)調(diào)文本 |
<q></q> |
短引用 |
