任務(wù)4 HTML1

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

  1. 如何產(chǎn)生?
    使用編輯器編寫HTML文件得時(shí)候編輯器默認(rèn)得編碼方式和打開這個(gè)HTML文件得瀏覽器解碼方式不同翅溺,導(dǎo)致編碼和解碼不匹配。所以產(chǎn)生亂碼动漾。

  2. 怎么解決
    在文件保存的時(shí)候要清楚用哪種編碼方式保存。如果文件保存的編碼方式是UTF-8格式,那么就在HTML文件得<head></head>里加入<meta charset="utf-8">酒唉,告訴瀏覽器解碼這個(gè)文件得時(shí)候直接使用utf-8解碼。
    要保證文件保存得編碼方式和瀏覽器解碼方式是一致得沸移。

二痪伦、顏色有幾種寫法, 紅色雹锣、 綠色网沾、藍(lán)色、白色蕊爵、黑色如何表示辉哥? 透明黑色如何表示?

  1. 顏色有三種寫法攒射;
    英文單詞:red证薇,green,blue匆篓,white浑度,black;
    十六進(jìn)制顏色值:#FF0000鸦概,#008000箩张,#0000FF,#FFFFFF窗市,#000000先慷;
    RGB色彩模式:rgb(255,0,0),rgb(0,128,0)咨察,rgb(0,0,255)论熙,rgb(255,255,255),rgb(0,0,0)摄狱;
  2. 透明黑色:
    透明黑色可以用rgba(0,0,0,0)來表示完全透明脓诡;
    rgba(0,0,0,0.2)第四位0.1至0.9可以表示表示不同的透明程度;
  3. #ccc媒役,#eee祝谚,#333各自表示什么顏色?


    代碼

    顏色

三、<!doctype html>的作用是什么酣衷?

1.doctype是document type(文檔類型)的簡(jiǎn)寫交惯,在頁(yè)面中,用來指定頁(yè)面所使用的xhtml(或者h(yuǎn)tml)的版本。要想制作符合標(biāo)準(zhǔn)的頁(yè)面席爽,一個(gè)必不可少的關(guān)鍵組成部分就 是doctype聲明意荤。
2.只有確定了一個(gè)正確的doctype,xhtml里的標(biāo)識(shí)和css才能正常生效只锻。
3.html 告訴瀏覽器這個(gè)文件是html格式網(wǎng)頁(yè)文件,兩個(gè)合起來就是 html5標(biāo)準(zhǔn)網(wǎng)頁(yè)聲明,原先的是一串很長(zhǎng)的字符串,現(xiàn)在是這個(gè)簡(jiǎn)潔形式,支持html5標(biāo)準(zhǔn)的主流瀏覽器都認(rèn)識(shí)這個(gè)聲明玖像。

四、嚴(yán)格模式和混雜模式指什么炬藤?

1.嚴(yán)格模式:瀏覽器根據(jù)W3C標(biāo)準(zhǔn)去解析頁(yè)面,適用于新的W3C規(guī)范下的瀏覽器碴里。
2.混雜模式:則是一種向后兼容的解析方法沈矿,以便兼容早期老式的瀏覽器。
3.問題產(chǎn)生的原因:網(wǎng)景公司和微軟公司早期的瀏覽器在實(shí)現(xiàn)css機(jī)制的時(shí)候并沒有遵循WCS規(guī)范咬腋,當(dāng)新的網(wǎng)站內(nèi)容都是基于W3C規(guī)范制作時(shí)羹膳,使用老舊的瀏覽器就會(huì)出現(xiàn)兼容問題。隨著W3C標(biāo)準(zhǔn)越來越重要根竿,因此為了解決這一問題陵像,各大瀏覽器廠商開始要求所有的瀏覽器需要提供兩種模式,即嚴(yán)格模式服務(wù)于W3C新規(guī)則寇壳,混雜模式服務(wù)舊規(guī)則醒颖。
4.區(qū)別:通俗來講就是嚴(yán)格模式的HTML文檔必須有DOCTYPE聲明,告訴瀏覽器使用哪種文檔類型定義(DTD)壳炎,沒有DOCTYPE聲明的話就會(huì)觸發(fā)混雜模式泞歉,依舊使用舊式的css機(jī)制渲染網(wǎng)頁(yè)。

五匿辩、meta 有什么作用腰耙,常見的值有哪些?

1.meta作用:可提供有關(guān)頁(yè)面的元信息(meta-information)铲球,比如針對(duì)搜索引擎和更新頻度的描述和關(guān)鍵詞挺庞。
2.用法:meta標(biāo)簽位于文檔的頭部,不包含任何內(nèi)容稼病。meta標(biāo)簽的屬性定義了與文檔相關(guān)聯(lián)的名稱/值對(duì)选侨。
3.常見的值:


來源:W3School

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

1.這是一個(gè)文檔兼容模式的定義侵俗;
2.X-UA-Compatible的意思是瀏覽器兼容模式;
3.content="IE=edge":如果是IE瀏覽器丰刊,那么當(dāng)前版本的IE瀏覽器都以當(dāng)前版本所支持的最高級(jí)標(biāo)準(zhǔn)模式渲染隘谣;
4.content="chrome=1":如果支持Google Chrome Frame:GCF,則使用GCF渲染;之前設(shè)定的content="IE=edge"可以忽略寻歧。

六掌栅、常見的瀏覽器有哪些,什么內(nèi)核码泛?

1.常見的瀏覽器:谷歌瀏覽器猾封,火狐瀏覽器,IE瀏覽器噪珊,歐鵬瀏覽器晌缘;
2.對(duì)應(yīng)的內(nèi)核:WebKit內(nèi)核,Gecko內(nèi)核痢站,Trident內(nèi)核磷箕,Presto內(nèi)核;
3.瀏覽器內(nèi)核:

瀏覽器最重要或者說核心的部分是“Rendering Engine”阵难,可大概譯為“渲染引擎”岳枷,不過我們一般習(xí)慣將之稱為“瀏覽器內(nèi)核”。負(fù)責(zé)對(duì)網(wǎng)頁(yè)語(yǔ)法的解釋(如標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用HTML呜叫、JavaScript)并渲染(顯示)網(wǎng)頁(yè)空繁。 所以,通常所謂的瀏覽器內(nèi)核也就是瀏覽器所采用的渲染引擎朱庆,渲染引擎決定了瀏覽器如何顯示網(wǎng)頁(yè)的內(nèi)容以及頁(yè)面的格式信息盛泡。不同的瀏覽器內(nèi)核對(duì)網(wǎng)頁(yè)編寫語(yǔ)法的解釋也有不同,因此同一網(wǎng)頁(yè)在不同的內(nèi)核的瀏覽器里的渲染(顯示)效果也可能不同娱颊,這也是網(wǎng)頁(yè)編寫者需要在不同內(nèi)核的瀏覽器中測(cè)試網(wǎng)頁(yè)顯示效果的原因饭于。

本教程版權(quán)歸作者和饑人谷所有,轉(zhuǎn)載須說明來源维蒙!
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末掰吕,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子颅痊,更是在濱河造成了極大的恐慌殖熟,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,470評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件斑响,死亡現(xiàn)場(chǎng)離奇詭異菱属,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)舰罚,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,393評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門纽门,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人营罢,你說我怎么就攤上這事赏陵”荩” “怎么了?”我有些...
    開封第一講書人閱讀 162,577評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵蝙搔,是天一觀的道長(zhǎng)缕溉。 經(jīng)常有香客問我,道長(zhǎng)吃型,這世上最難降的妖魔是什么证鸥? 我笑而不...
    開封第一講書人閱讀 58,176評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮勤晚,結(jié)果婚禮上枉层,老公的妹妹穿的比我還像新娘。我一直安慰自己赐写,他們只是感情好鸟蜡,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,189評(píng)論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著血淌,像睡著了一般矩欠。 火紅的嫁衣襯著肌膚如雪财剖。 梳的紋絲不亂的頭發(fā)上悠夯,一...
    開封第一講書人閱讀 51,155評(píng)論 1 299
  • 那天,我揣著相機(jī)與錄音躺坟,去河邊找鬼沦补。 笑死,一個(gè)胖子當(dāng)著我的面吹牛咪橙,可吹牛的內(nèi)容都是我干的夕膀。 我是一名探鬼主播,決...
    沈念sama閱讀 40,041評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼美侦,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼产舞!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起菠剩,我...
    開封第一講書人閱讀 38,903評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤易猫,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后具壮,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體准颓,經(jīng)...
    沈念sama閱讀 45,319評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,539評(píng)論 2 332
  • 正文 我和宋清朗相戀三年棺妓,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了攘已。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,703評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡怜跑,死狀恐怖样勃,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤彤灶,帶...
    沈念sama閱讀 35,417評(píng)論 5 343
  • 正文 年R本政府宣布看幼,位于F島的核電站,受9級(jí)特大地震影響幌陕,放射性物質(zhì)發(fā)生泄漏诵姜。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,013評(píng)論 3 325
  • 文/蒙蒙 一搏熄、第九天 我趴在偏房一處隱蔽的房頂上張望棚唆。 院中可真熱鬧,春花似錦心例、人聲如沸宵凌。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,664評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)瞎惫。三九已至,卻和暖如春译株,著一層夾襖步出監(jiān)牢的瞬間瓜喇,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,818評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工歉糜, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留乘寒,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,711評(píng)論 2 368
  • 正文 我出身青樓匪补,卻偏偏與公主長(zhǎng)得像伞辛,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子夯缺,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,601評(píng)論 2 353

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

  • 1 . 網(wǎng)頁(yè)亂碼的問題的產(chǎn)生蚤氏,及解決 產(chǎn)生原因:編寫網(wǎng)頁(yè)代碼時(shí)保存的編碼和瀏覽器解析時(shí)的解碼格式不匹配。 錯(cuò)誤方式...
    osborne閱讀 723評(píng)論 0 1
  • 1.網(wǎng)頁(yè)亂碼的問題是如何產(chǎn)生的踊兜?怎么解決竿滨? 一:亂碼產(chǎn)生的原因是:當(dāng)我們保存文件時(shí)會(huì)把我們寫入的文字使用編輯器默認(rèn)...
    freddy閱讀 570評(píng)論 0 0
  • 1.網(wǎng)頁(yè)亂碼的問題是如何產(chǎn)生的?怎樣解決润文? 亂碼產(chǎn)生的根本原因我們?cè)诒4嫖募r(shí)的編碼格式和用瀏覽器解析文件時(shí)的解碼...
    _hello__world_閱讀 227評(píng)論 0 0
  • 1.網(wǎng)頁(yè)亂碼的問題是如何產(chǎn)生的姐呐?怎樣解決 先認(rèn)識(shí)認(rèn)識(shí)幾種編碼方式 ASCII 全稱美國(guó)標(biāo)準(zhǔn)信息交換代碼(Ameri...
    饑人谷_任磊閱讀 468評(píng)論 0 0
  • 1.網(wǎng)頁(yè)亂碼的問題是如何產(chǎn)生的? 亂碼產(chǎn)生的原因是文件編碼格式與瀏覽器解碼格式不一致典蝌。就像兩個(gè)說著不同語(yǔ)言的人交流...
    Timmmmmmm閱讀 194評(píng)論 0 1