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)載須說明來源