HTML基礎

1. 網(wǎng)頁亂碼的問題是如何產(chǎn)生的谣辞?怎樣解決?
亂碼產(chǎn)生的根本原因是你保存時的編碼格式和瀏覽器解析時的解碼格式不匹配。
解決方法:在編寫網(wǎng)頁時即指明文件的編碼方式蔗喂,這樣瀏覽器便會用對應的解碼方式去解析該網(wǎng)頁罕容。例如备恤,如果你的文件是保存為utf-8格式,那么一定要在html的<head>里添加<meta charset="utf-8">锦秒,意在讓瀏覽器使用utf-8來解碼露泊。

2. 顏色有幾種寫法, 紅色旅择、 綠色惭笑、藍色、白色生真、黑色如何表示沉噩? 透明黑色如何表示?#ccc的顏色柱蟀, #eee的顏色川蒙? #333的顏色?
顏色有三種寫法:英文單詞长已,RGB色彩畜眨,十六進制色彩
紅、綠痰哨、藍胶果、白、黑用三種寫法可分別表示為:

red green blue white black
rgb(255,0,0) rgb(0,255,0) rgb(0,0,255) rgb(255,255,255) rgb(0,0,0)
#ff0000 #00ff00 #0000ff #ffffff #000000

透明黑色:rgba(0,0,0,0.5)
三種顏色#ccc斤斧,#eee早抠,#333分別如下:


3. <!doctype html>的作用是什么?
<!doctype html>是文檔聲明撬讽,是指示 web 瀏覽器使用HTML5的規(guī)范來渲染頁面的指令蕊连,這樣獲知文檔類型的瀏覽器才能使用相應的HTML版本來解析這個文檔。該聲明必須位于HTML文檔的第一行游昼,在 <html> 標簽之前甘苍。

4. 嚴格模式和混雜模式指什么?
嚴格模式:其排版和js運作模式是以該瀏覽器支持的最高標準運行烘豌,用于呈現(xiàn)遵循最新標準的網(wǎng)頁载庭。
混雜模式:也叫怪異模式,用于呈現(xiàn)為傳統(tǒng)瀏覽器而設計的網(wǎng)頁。在該模式中囚聚,頁面以寬松的向后兼容的方式顯示靖榕,模擬老式瀏覽器的行為以防止站點無法工作,DOCTYPE不存在或格式不正確會導致文檔以混雜模式呈現(xiàn)顽铸。

5. meta有什么作用茁计,常見的值有哪些?
meta元素可提供有關頁面的元信息谓松,比如針對搜索引擎和更新頻度的描述星压、關鍵詞、文檔作者鬼譬、最后修改日期等娜膘,這些元數(shù)據(jù)將用于瀏覽器(布局內(nèi)容或重載頁面)、搜索引擎(關鍵字)及其它網(wǎng)絡服務拧簸。好的meta標簽設置不僅對于搜索引擎有益劲绪,而且對于提升用戶體驗和網(wǎng)站的訪問量都起到非常重要的作用。

meta的常用屬性有兩種:name和http-equiv盆赤。
name屬性主要用于描述網(wǎng)頁贾富,比如網(wǎng)頁的關鍵詞和敘述等,對應content屬性牺六,content中的內(nèi)容是對name填入類型的具體描述颤枪,便于搜索引擎抓取和分類信息。其語法格式是:<meta name="參數(shù)" content="具體的描述">淑际。
常見值:
keywords(關鍵字):<meta name="keywords" content="HTML,CSS,JS">
description(頁面描述):<meta name="description" content="This is a test">
author(網(wǎng)頁作者):<meta name="author" content="nora,nora@163.com">

http-equiv屬性相當于http的文件頭作用畏纲,對應content屬性,content中的內(nèi)容就是各個參數(shù)的變量值春缕。它可以向瀏覽器傳回一些有用的信息盗胀,以正確和精確地顯示網(wǎng)頁內(nèi)容。其語法格式是:<meta http-equiv="參數(shù)" content="參數(shù)值">
常見值:
content-type(設定頁面字符集):
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
refresh(自動刷新并指向新頁面):<meta http-equiv="refresh" content="5"/>
參考資料

6. <meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1"有什么作用锄贼?
X-UA-Compatible是IE8的一個專有<meta>屬性票灰,在html的<head>標簽中使用,用來指定IE8采用何種IE版本去渲染網(wǎng)頁宅荤,以此來解決IE瀏覽器的兼容問題屑迂。IE=edge告訴IE瀏覽器使用最新的edge內(nèi)核標準來渲染網(wǎng)頁,chrome=1則可以激活Chrome Frame冯键。這樣寫可以達到的效果是如果安裝了 Google Chrome Frame惹盼,則使用 GCF 來渲染頁面,如果沒有安裝 GCF惫确,則使用最高版本的 IE 內(nèi)核進行渲染手报。
參考資料

7. 常見的瀏覽器有哪些蚯舱,什么內(nèi)核?

瀏覽器 內(nèi)核
Internet Explorer Trident
Chrome WebKit
Firefox Gecko
Safari WebKit
Opera Presto

本文章著作權(quán)歸饑人谷_Nora和饑人谷所有掩蛤,轉(zhuǎn)載須說明來源

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末晓淀,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子盏档,更是在濱河造成了極大的恐慌,老刑警劉巖燥爷,帶你破解...
    沈念sama閱讀 216,496評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蜈亩,死亡現(xiàn)場離奇詭異,居然都是意外死亡前翎,警方通過查閱死者的電腦和手機稚配,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,407評論 3 392
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來港华,“玉大人道川,你說我怎么就攤上這事×⒁耍” “怎么了冒萄?”我有些...
    開封第一講書人閱讀 162,632評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長橙数。 經(jīng)常有香客問我尊流,道長,這世上最難降的妖魔是什么灯帮? 我笑而不...
    開封第一講書人閱讀 58,180評論 1 292
  • 正文 為了忘掉前任崖技,我火速辦了婚禮,結(jié)果婚禮上钟哥,老公的妹妹穿的比我還像新娘迎献。我一直安慰自己,他們只是感情好腻贰,可當我...
    茶點故事閱讀 67,198評論 6 388
  • 文/花漫 我一把揭開白布吁恍。 她就那樣靜靜地躺著,像睡著了一般银受。 火紅的嫁衣襯著肌膚如雪践盼。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,165評論 1 299
  • 那天宾巍,我揣著相機與錄音咕幻,去河邊找鬼。 笑死顶霞,一個胖子當著我的面吹牛肄程,可吹牛的內(nèi)容都是我干的锣吼。 我是一名探鬼主播,決...
    沈念sama閱讀 40,052評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼蓝厌,長吁一口氣:“原來是場噩夢啊……” “哼玄叠!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起拓提,我...
    開封第一講書人閱讀 38,910評論 0 274
  • 序言:老撾萬榮一對情侶失蹤读恃,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后代态,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體寺惫,經(jīng)...
    沈念sama閱讀 45,324評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,542評論 2 332
  • 正文 我和宋清朗相戀三年蹦疑,在試婚紗的時候發(fā)現(xiàn)自己被綠了西雀。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,711評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡歉摧,死狀恐怖艇肴,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情叁温,我是刑警寧澤再悼,帶...
    沈念sama閱讀 35,424評論 5 343
  • 正文 年R本政府宣布,位于F島的核電站膝但,受9級特大地震影響帮哈,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜锰镀,卻給世界環(huán)境...
    茶點故事閱讀 41,017評論 3 326
  • 文/蒙蒙 一娘侍、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧泳炉,春花似錦憾筏、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,668評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至刨肃,卻和暖如春古拴,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背真友。 一陣腳步聲響...
    開封第一講書人閱讀 32,823評論 1 269
  • 我被黑心中介騙來泰國打工腺占, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留袁辈,地道東北人郁副。 一個月前我還...
    沈念sama閱讀 47,722評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像是嗜,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子挺尾,可洞房花燭夜當晚...
    茶點故事閱讀 44,611評論 2 353

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案鹅搪? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,748評論 1 92
  • 1.meta標簽 元素可提供有關頁面的元信息(meta-information),比如針對搜索引擎和更新頻度的描述...
    姚小帥閱讀 334評論 0 1
  • HTML基礎 本文包括 HTML基本知識與結(jié)構(gòu) HTML常見標簽 標簽寫法與嵌套的討論 HTML遭铺、CSS丽柿、java...
    廖少少閱讀 2,085評論 2 21
  • HTML、XML魂挂、XHTML 有什么區(qū)別航厚? 因為相同之處從字面可以看出,他們都是ML锰蓬,都是標記語言(Markup ...
    DCbryant閱讀 282評論 0 2
  • 西門·彼得就上船把網(wǎng)拉上岸。網(wǎng)里一共有一百五十三條大魚眯漩!雖然魚這么多芹扭,網(wǎng)卻沒有破。 (約翰福音 21:11 當代譯...
    凌賢武閱讀 2,789評論 0 0