HTML是一種標(biāo)記語言纤垂，今天所做的主要任務(wù)就是了解HTML的一些基礎(chǔ)验辞。
1.網(wǎng)頁亂碼的問題是如何產(chǎn)生的甲喝？怎樣解決？
網(wǎng)頁亂碼的主要原因是保存HTML時的編碼格式和瀏覽器解析時的解碼格式不一致愧旦。
eg：
如圖世剖，如果在
<meta>標(biāo)簽中寫好utf-8的編碼方式，瀏覽器就會按UTF-8去解碼笤虫，而只有當(dāng)保存HTML也是選擇UTF-8時才可以正常顯示不至于亂碼旁瘫。PS：
- 下面這幅圖是編碼基本知識：
- Unicode 和 UTF-8 的區(qū)別：
區(qū)別就是編碼規(guī)則不同祖凫，導(dǎo)致存儲容量不足。unicode給每個字符一個編碼酬凳，占用2個字節(jié)惠况，而UTF-8對英文字母采用單個字節(jié)首位是0，和ASCII碼相同宁仔，對其他例如漢字則采用如圖的規(guī)則進(jìn)行編碼稠屠，第1個字節(jié)前n位是1，n+1位是0翎苫，其他字節(jié)前2位是10权埠，其余各位補(bǔ)齊unicode碼，高位用0補(bǔ)煎谍。
2.顏色有幾種寫法攘蔽， 紅色、 綠色呐粘、藍(lán)色满俗、白色、黑色如何表示作岖？ 透明黑色如何表示漫雷？#ccc的顏色， #eee的顏色鳍咱？ #333的顏色？
可以用以下方法來規(guī)定 CSS 中的顏色：
- 十六進(jìn)制色
- RGB顏色
- RGBA顏色
- HSL顏色
- HSLA顏色
- 預(yù)定義顏色
十六進(jìn)制顏色
p
{
background-color:#0000ff;
}
RGB顏色
p
{
background-color:rgb(255,0,0);
}
RGBA顏色
RGBA 顏色值是 RGB 顏色值的擴(kuò)展与柑，帶有一個 alpha 通道 - 它規(guī)定了對象的不透明度谤辜。
p
{
background-color:rgba(255,0,0,0.5);
}
HSL顏色
H為Hue色調(diào)，0紅价捧，120綠丑念，240藍(lán)；
S為Saturation飽和度,65%等结蟋；
L為lightness亮度脯倚，75%等。
p
{
background-color:hsl(120,65%,75%);
}
HSLA顏色
同理嵌屎，也是帶有一個alph通道推正，調(diào)節(jié)不透明度。
p
{
color:hsla(240,50%,75%,0.6)
}
CSS 顏色名
HTML 和 CSS 顏色規(guī)范中定義了 147 中顏色名（17 種標(biāo)準(zhǔn)顏色加 130 種其他顏色）宝惰。
提示：17 種標(biāo)準(zhǔn)色是 aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, yellow植榕。——引用自W3Cschool尼夺。
| 顏色 | 16進(jìn)制法 | RGB法 | 預(yù)定以名稱法 |
|---|---|---|---|
| 紅色 | #ff0000 | rgb(255,0,0) | red |
| 綠色 | #00ff00 | rgb(0,255,0) | green |
| 藍(lán)色 | #0000ff | rgb(0,0,255) | blue |
| 白色 | #ffffff | rgb(255,255,255) | white |
| 黑色 | #000000 | rgb(0,0,0) | black |
| 透明黑色 | - | rgba(0,0,0,0.6) | - |
| 16進(jìn)制 | 顏色 |
|---|---|
| #ccc | 灰色 |
| #eee | 淺灰色 |
| #333 | 深灰色 |
3. <!doctype html>的作用是什么尊残？
聲明文檔的解析類型(document.compatMode)炒瘸，避免瀏覽器的怪異模式。放在HMTL頂部寝衫，讓瀏覽器按照W3C標(biāo)準(zhǔn)模式去渲染頁面顷扩，而不是按本身怪異模式運(yùn)行。
4. 嚴(yán)格模式和混雜模式指什么慰毅？
- HTML中正確寫入
<!doctype html>隘截，則瀏覽器按照W3C標(biāo)準(zhǔn)渲染頁面，此為嚴(yán)格模式事富。 - HTML中未寫入文檔類型說明技俐，則瀏覽器按照本身的方式渲染頁面，不同瀏覽器渲染效果也不同统台，此為怪誕模式雕擂。
5. <meta>有什么作用，常見的值有哪些贱勃？
瀏覽器支持：
所有瀏覽器都支持
<meta>標(biāo)簽.<meta>標(biāo)簽提供有關(guān)頁面元信息井赌，位于<head>內(nèi)，不包含內(nèi)容贵扰，其屬性定義了相關(guān)值/名稱對仇穗。在XHTML中更為嚴(yán)格，必須正確關(guān)閉戚绕，而HTML則沒有結(jié)束標(biāo)簽纹坐。
元數(shù)據(jù)總是以名稱/值的形式成對傳遞。
屬性
- 必需的屬性
content：提供信息舞丛，與http-equiv和name屬性有關(guān)耘子。
| 屬性 | 值 | 描述 |
|---|---|---|
| content | some_text | 定義與http-equiv和name有關(guān)的元信息 |
| 屬性 | 值 | 描述 |
|---|---|---|
| http-equiv | refresh xepires set-cookie content-type |
把content屬性值關(guān)聯(lián)到html頭部 |
| name | description author keywords generator others |
把content屬性關(guān)聯(lián)到名稱 |
| scheme | some_text | 定義翻譯content屬性值格式 |
name 屬性
類似這樣的 meta標(biāo)簽可能對于進(jìn)入搜索引擎的索引有幫助：
<meta name="keywords" content="HTML,,Python,SQL">
http-equiv屬性
服務(wù)器將把名稱/值對添加到發(fā)送給瀏覽器的內(nèi)容頭部。例如球切，添加：
<meta http-equiv="charset" content="GBK">
<meta http-equiv="expires" content="07 Jul 2016">
這樣發(fā)送到瀏覽器的頭部就應(yīng)該包含：
charset:GBK
expires:07 Jul 2016
（PS：時間必須采用GWT格式谷誓。）
全局屬性
<meta> 標(biāo)簽支持 HTML 中的全局屬性。
eg(重定向等）：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="這是任務(wù)四的name測試" />
<meta name="author" content="趙力群" />
<meta name="keywords" content="jirengu" />
<meta http-equiv="refresh" "5,url=http://www.jirengu.com.cn" />
<title>饑人谷_阿群</title>
</head>
<body>
<h1>這是任務(wù)4</h1>
<p>
這是任務(wù)4吨凑！
<a >任務(wù)4界面</a>
</p>
</body>
</html>
6. <meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1">有什么作用?
這是<meta>標(biāo)簽對文檔兼容模式的定義捍歪。
content中的屬性表示以IE最高版本渲染頁面，如果用戶安裝了Google chrome Frame鸵钝，則用GCF渲染頁面糙臼。
7. 常見的瀏覽器有哪些，什么內(nèi)核?
| 瀏覽器 | 內(nèi)核 |
|---|---|
| IE | Trident |
| Firefox | Gecko |
| Opera | Presto->Blink |
| Safari | Webkit |
| Webkit->Blink |
本教程版權(quán)歸饑人谷_阿群和饑人谷所有蒋伦，轉(zhuǎn)載須說明來源
