HTML知識(shí)點(diǎn)1

一、網(wǎng)頁(yè)亂碼的問(wèn)題是如何產(chǎn)生的?怎樣解決?

產(chǎn)生原因:亂碼產(chǎn)生的根本原因是因?yàn)槟惚4娴木幋a格式和瀏覽器解析的解析格式不匹配導(dǎo)致的。亂碼一般以英文以外的字符出現(xiàn)。
解決方式:文件保存的時(shí)候要清楚是用哪種編碼方式保存的,要保證html保存的編碼格式與瀏覽器的解析格式一致。可以寫(xiě)代碼時(shí)在html中加入meta charset編碼標(biāo)簽加以說(shuō)明。例如如果文件的保存編碼格式是“utf-8”格式,那么在html的<head> </head>里面加入<meta charset="utf-8">,告訴瀏覽器解碼這個(gè)文件的時(shí)候直接使用utf-8解碼。

二、顏色有幾種寫(xiě)法, 紅色、 綠色、藍(lán)色、白色、黑色如何表示? 透明黑色如何表示?#ccc的顏色, #eee的顏色? #333的顏色?

1.顏色有3種寫(xiě)法:

顏色 十六進(jìn)制寫(xiě)法 rgb寫(xiě)法 英文關(guān)鍵字寫(xiě)法
紅色 #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

2.透明黑色寫(xiě)法:rgba(0,0,0,0.9),0.9為alpha值,alpha值取0~1之間。alpha值不同表示透明程度不同,數(shù)值越大表示越透明。
3.#ccc 表示灰色, #eee表示淺灰色,#333表示深灰色。

灰色.png
淺灰色.png
深灰色.png

三、<!doctype html>的作用是什么?嚴(yán)格模式和混雜模式指什么?

  • doctype意思是document type(文檔類(lèi)型),用來(lái)說(shuō)明你用的HTML或者XHTML是什么版本。作用是告訴瀏覽器以W3C規(guī)定的HTML5標(biāo)準(zhǔn)去渲染頁(yè)面。
  • 嚴(yán)格模式和混雜模式:
    1、定義:嚴(yán)格模式是瀏覽器根據(jù)W3C標(biāo)準(zhǔn)去解析頁(yè)面,適用于新的W3C規(guī)范下的瀏覽器。
    混雜模式是一種比較寬松的向后兼容的模式。混雜模式通常模擬老式瀏覽器的行為,以防止老站點(diǎn)無(wú)法工作。 實(shí)現(xiàn)IE5.5以下版本的渲染。
    2、模式觸發(fā):瀏覽器根據(jù)DOCTYPE是否存在以及使用的哪種DTD來(lái)選擇要使用的呈現(xiàn)方法。如果XHTML、HTML 4.01文檔包含形式完整的DOCTYPE,那么它一般以嚴(yán)格模式呈現(xiàn)。包含過(guò)渡DTD和URI的DOCTYPE也導(dǎo)致頁(yè)面以嚴(yán)格模式呈現(xiàn),但是有過(guò)渡DTD而沒(méi)有URI會(huì)導(dǎo)致頁(yè)面以混雜模式呈現(xiàn)。DOCTYPE不存在或形式不正確會(huì)導(dǎo)致HTML和XHTML文檔以混雜模式呈現(xiàn)。

四、meta 有什么作用,常見(jiàn)的值有哪些?

1、Meta標(biāo)簽是HTML標(biāo)記HEAD區(qū)的一個(gè)關(guān)鍵標(biāo)簽,它位于HTML文檔的<head>和<title>之間(有些也不是在<head>和<title>之間)。meta除了提供文檔字符集、使用語(yǔ)言、作者等基本信息外,還涉及對(duì)關(guān)鍵詞和網(wǎng)頁(yè)等級(jí)的設(shè)定。
2、常見(jiàn)的值:
必須屬性與可選屬性

Paste_Image.png

五、<meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1"有什么作用?

強(qiáng)制瀏覽器按照最新的標(biāo)準(zhǔn)去渲染,添加”chrome=1“將允許站點(diǎn)在使用了谷歌瀏覽器內(nèi)嵌框架(Chrome Frame)的客戶(hù)端渲染,對(duì)于沒(méi)有使用的,則沒(méi)有任何影響。

六、常見(jiàn)的瀏覽器有哪些,什么內(nèi)核?

瀏覽器 內(nèi)核
IE Trident
Mozilla Firefox Gecko
Google Chrome Webkit
Safari WebKit
Opera Presto

本教程版權(quán)歸作者和饑人谷所有,轉(zhuǎn)載須說(shuō)明來(lái)源!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 1. HTML、XML、XHTML 有什么區(qū)別 HTML被設(shè)計(jì)用來(lái)顯示數(shù)據(jù),焦點(diǎn)是數(shù)據(jù)的外觀XML被設(shè)計(jì)用來(lái)描述數(shù)...
    QQQQQCY閱讀 304評(píng)論 0 1
  • HTML、XML、XHTML 有什么區(qū)別 1.HTML 是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言,指的是超文本標(biāo)記語(yǔ)言 (Hype...
    饑人谷_牛牛閱讀 720評(píng)論 0 2
  • 1.什么是HTML? HTML是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言 HTML指的是超文本標(biāo)記語(yǔ)言(Hyper Text Mar...
    billa_8f6b閱讀 308評(píng)論 0 1
  • HTML、XML、XHTML有什么區(qū)別? XMLXML是The Extensible Markup Languag...
    zx9426閱讀 444評(píng)論 0 1
  • 1.meta標(biāo)簽 元素可提供有關(guān)頁(yè)面的元信息(meta-information),比如針對(duì)搜索引擎和更新頻度的描述...
    姚小帥閱讀 351評(píng)論 0 1