摘要：前言本文講解前端面試的的內(nèi)容。復(fù)習(xí)前端面試的知識(shí)，是為了鞏固前端的基礎(chǔ)知識(shí)，最重要的還是平時(shí)的積累注意文章的題與題之間用下劃線分隔開，答案僅供參考。返回當(dāng)前文檔的標(biāo)題。改用則可以進(jìn)行針對(duì)性的和避免不必要的。

本文講解前端面試的 HTML 的內(nèi)容。

復(fù)習(xí)前端面試的知識(shí)，是為了鞏固前端的基礎(chǔ)知識(shí)，最重要的還是平時(shí)的積累！

注意：文章的題與題之間用下劃線分隔開，答案僅供參考。

筆者技術(shù)博客首發(fā)地址 GitHub，歡迎關(guān)注。

為什么利用多個(gè)域名來存儲(chǔ)網(wǎng)站資源會(huì)更有效 ？

確保用戶在不同地區(qū)能用最快的速度打開網(wǎng)站，其中某個(gè)域名崩潰用戶也能通過其他域名訪問網(wǎng)站。

window 常用屬性與方法有哪些 ？

window 對(duì)象的常用屬性

window.self 返回當(dāng)前窗口的引用

window.parent?? 返回當(dāng)前窗體的父窗體對(duì)象

window.top 返回當(dāng)前窗體最頂層的父窗體的引用

window.outerwidth?????? 返回當(dāng)前窗口的外部寬

window.outerheight? 返回當(dāng)前窗口的外部高

window.innerwidth?????? 返回當(dāng)前窗口的可顯示區(qū)域?qū)?/p>

window.innerheight? 返回當(dāng)前窗口的可顯示區(qū)域高

?
提示：通過直接在 Chrome 控制臺(tái)中輸入 console.log(window) 可以查看到其所有的被當(dāng)前瀏覽器支持的屬性及值。

window 對(duì)象的常用方法

window.prompt()?? 彈出一個(gè)輸入提示框，若用戶點(diǎn)擊了“取消”則返回 null

window.alert()??? 彈出一個(gè)警告框

window.confirm()? 彈出一個(gè)確認(rèn)框

window.close()? 關(guān)閉當(dāng)前瀏覽器窗口。 有些瀏覽器對(duì)此方法有限制。

window.open(uri, [name], [features])? 打開一個(gè)瀏覽器窗口，顯示指定的網(wǎng)頁。name 屬性值可以是“_blank”、“_self”、“_parent”、“_top”、任意指定的一個(gè)窗口名。

window.blur( )? ??指定當(dāng)前窗口失去焦點(diǎn)

window.focus( ) 指定當(dāng)前窗口獲得焦點(diǎn)

window.showModalDialog(uri, [dataFromParent])? 打開一個(gè)“模態(tài)窗口”（打開的子窗口只要不關(guān)閉，其父窗口即無法獲得焦點(diǎn)；且父子窗口間可以傳遞數(shù)據(jù)）

document 常用屬性與方法有哪些 ？

document 常見的屬性

body 提供對(duì) 元素的直接訪問。對(duì)于定義了框架集的文檔，該屬性引用最外層的 。

cookie 設(shè)置或返回與當(dāng)前文檔有關(guān)的所有 cookie。

domain 返回當(dāng)前文檔的域名。

lastModified 返回文檔被最后修改的日期和時(shí)間。

referrer 返回載入當(dāng)前文檔的文檔的 URL。

title 返回當(dāng)前文檔的標(biāo)題。

URL 返回當(dāng)前文檔的 URL。

document常見的方法

write()：動(dòng)態(tài)向頁面寫入內(nèi)容

createElement(Tag)：創(chuàng)建一個(gè) HTML 標(biāo)簽對(duì)象

getElementById(ID)：獲得指定 id 的對(duì)象

getElementsByName(Name)：獲得之前 Name 的對(duì)象

body.appendChild(oTag)：向 HTML 中插入元素對(duì)象

簡述一下 src 與 href 的區(qū)別

href 是指向網(wǎng)絡(luò)資源所在位置，建立和當(dāng)前元素（錨點(diǎn)）或當(dāng)前文檔（鏈接）之間的鏈接，用于超鏈接。

src 是指向外部資源的位置，指向的內(nèi)容將會(huì)嵌入到文檔中當(dāng)前標(biāo)簽所在位置；

在請(qǐng)求 src 資源時(shí)會(huì)將其指向的資源下載并應(yīng)用到文檔內(nèi)，例如 js 腳本，img 圖片和 frame 等元素。

當(dāng)瀏覽器解析到該元素時(shí)，會(huì)暫停其他資源的下載和處理，直到將該資源加載、編譯、執(zhí)行完畢，圖片和框架等元素也如此，類似于將所指向資源嵌入當(dāng)前標(biāo)簽內(nèi)。這也是為什么將 js 腳本放在底部而不是頭部。

寫一個(gè) div + css 布局，左邊圖片，右邊文字，文字環(huán)繞圖片，外面容器固定寬度，文字不固定。

直接就一個(gè) img，它 float：left，加文字加 p 標(biāo)簽就好了。

html 中 title 屬性和 alt 屬性的區(qū)別 ？

alt

當(dāng)圖片不輸出信息的時(shí)候，會(huì)顯示 alt 信息， 鼠標(biāo)放上去沒有信息。
當(dāng)圖片正常讀取，不會(huì)出現(xiàn) alt 信息。

title

當(dāng)圖片不輸出信息的時(shí)候，會(huì)顯示 alt 信息，鼠標(biāo)放上去會(huì)出現(xiàn) title 信息。
當(dāng)圖片正常輸出的時(shí)候，不會(huì)出現(xiàn) alt 信息，鼠標(biāo)放上去會(huì)出現(xiàn) title 信息。---

講述你對(duì) reflow 和 repaint 的理解。

repaint 就是重繪，reflow 就是回流。

嚴(yán)重性：?在性能優(yōu)先的前提下，性能消耗 reflow 大于 repaint。

體現(xiàn)：repaint 是某個(gè) DOM 元素進(jìn)行重繪；reflow 是整個(gè)頁面進(jìn)行重排，也就是頁面所有 DOM 元素渲染。

如何觸發(fā)：?style 變動(dòng)造成 repaint 和 reflow。

不涉及任何 DOM 元素的排版問題的變動(dòng)為 repaint，例如元素的 color/text-align/text-decoration 等等屬性的變動(dòng)。

除上面所提到的 DOM 元素 style 的修改基本為 reflow。例如元素的任何涉及 長、寬、行高、邊框、display 等 style 的修改。

常見觸發(fā)場景

觸發(fā) repaint：

color 的修改，如 color=#ffffd；

text-align 的修改，如 text-align=center；

a:hover 也會(huì)造成重繪。

:hover 引起的顏色等不導(dǎo)致頁面回流的 style 變動(dòng)。

觸發(fā) reflow：

width/height/border/margin/padding 的修改，如 width=778px；

動(dòng)畫，:hover 等偽類引起的元素表現(xiàn)改動(dòng)，display=none 等造成頁面回流；

appendChild 等 DOM 元素操作；

font 類 style 的修改；

background 的修改，注意著字面上可能以為是重繪，但是瀏覽器確實(shí)回流了，經(jīng)過瀏覽器廠家的優(yōu)化，部分 background 的修改只觸發(fā) repaint，當(dāng)然 IE 不用考慮；

scroll 頁面，這個(gè)不可避免；

resize 頁面，桌面版本的進(jìn)行瀏覽器大小的縮放，移動(dòng)端的話，還沒玩過能拖動(dòng)程序，resize 程序窗口大小的多窗口操作系統(tǒng)。

讀取元素的屬性（這個(gè)無法理解，但是技術(shù)達(dá)人是這么說的，那就把它當(dāng)做定理吧）：讀取元素的某些屬性（offsetLeft、offsetTop、offsetHeight、offsetWidth、scrollTop/Left/Width/Height、clientTop/Left/Width/Height、getComputedStyle()、currentStyle(in IE))；

如何避免：?

盡可能在 DOM 末梢通過改變 class 來修改元素的 style 屬性：盡可能的減少受影響的 DOM 元素。

避免設(shè)置多項(xiàng)內(nèi)聯(lián)樣式：使用常用的 class 的方式進(jìn)行設(shè)置樣式，以避免設(shè)置樣式時(shí)訪問 DOM 的低效率。

設(shè)置動(dòng)畫元素 position 屬性為 fixed 或者 absolute：由于當(dāng)前元素從 DOM 流中獨(dú)立出來，因此受影響的只有當(dāng)前元素，元素 repaint。

犧牲平滑度滿足性能：動(dòng)畫精度太強(qiáng)，會(huì)造成更多次的 repaint/reflow，犧牲精度，能滿足性能的損耗，獲取性能和平滑度的平衡。

避免使用 table 進(jìn)行布局：table 的每個(gè)元素的大小以及內(nèi)容的改動(dòng)，都會(huì)導(dǎo)致整個(gè) table 進(jìn)行重新計(jì)算，造成大幅度的 repaint 或者 reflow。改用 div 則可以進(jìn)行針對(duì)性的 repaint 和避免不必要的 reflow。

避免在 CSS 中使用運(yùn)算式：學(xué)習(xí) CSS 的時(shí)候就知道，這個(gè)應(yīng)該避免，不應(yīng)該加深到這一層再去了解，因?yàn)檫@個(gè)的后果確實(shí)非常嚴(yán)重，一旦存在動(dòng)畫性的 repaint/reflow，那么每一幀動(dòng)畫都會(huì)進(jìn)行計(jì)算，性能消耗不容小覷。

Doctype 作用 ？標(biāo)準(zhǔn)模式與兼容模式各有什么區(qū)別 ?

聲明位于位于 HTML 文檔中的第一行，處于 標(biāo)簽之前。告知瀏覽器的解析器用什么文檔標(biāo)準(zhǔn)解析這個(gè)文檔。DOCTYPE 不存在或格式不正確會(huì)導(dǎo)致文檔以兼容模式呈現(xiàn)。

標(biāo)準(zhǔn)模式的排版和 JS 運(yùn)作模式都是以該瀏覽器支持的最高標(biāo)準(zhǔn)運(yùn)行。在兼容模式中，頁面以寬松的向后兼容的方式顯示，模擬老式瀏覽器的行為以防止站點(diǎn)無法工作。

HTML5 為什么只需要寫 < !DOCTYPE HTML> ？

HTML5 不基于 SGML(標(biāo)準(zhǔn)通用標(biāo)記語言（以下簡稱“通用標(biāo)言”)，因此不需要對(duì) DTD 進(jìn)行引用，但是需要 doctype 來規(guī)范瀏覽器的行為（讓瀏覽器按照它們應(yīng)該的方式來運(yùn)行）；
而 HTML4.01 基于 SGML，所以需要對(duì) DTD 進(jìn)行引用，才能告知瀏覽器文檔所使用的文檔類型。

行內(nèi)元素有哪些 ？塊級(jí)元素有哪些 ？ 空(void)元素有那些 ？

CSS 規(guī)范規(guī)定，每個(gè)元素都有 display 屬性，確定該元素的類型，每個(gè)元素都有默認(rèn)的 display 值。
如 div 的 display 默認(rèn)值為 “block”，則為“塊級(jí)”元素；
span 默認(rèn) display 屬性值為 “inline”，是“行內(nèi)”元素。

行內(nèi)元素有：a b span img input select strong（強(qiáng)調(diào)的語氣）

塊級(jí)元素有：div ul ol li dl dt dd h1 h2 h3 h4 p

常見的空元素： img input link meta br hr ，鮮為人知的是：area base col command embed keygen param source track wbr

HTML5 有哪些新特性、移除了那些元素 ？如何處理 HTML5 新標(biāo)簽的瀏覽器兼容問題 ？如何區(qū)分 HTML 和 HTML5 ？

HTML5 現(xiàn)在已經(jīng)不是 SGML（標(biāo)準(zhǔn)通用標(biāo)記語言）的子集，主要是關(guān)于圖像，位置，存儲(chǔ)，多任務(wù)等功能的增加。

新特性

繪畫 canvas;

用于媒介回放的 video 和 audio 元素;

本地離線存儲(chǔ) localStorage 長期存儲(chǔ)數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不丟失;

sessionStorage 的數(shù)據(jù)在瀏覽器關(guān)閉后自動(dòng)刪除;

語意化更好的內(nèi)容元素，比如 article、footer、header、nav、section;

表單控件：calendar、date、time、email、url、search;

新的技術(shù)：webworker, websocket, Geolocation;

移除的元素

純表現(xiàn)的元素：basefont，big，center，font, s，strike，tt，u;

對(duì)可用性產(chǎn)生負(fù)面影響的元素：frame，frameset，noframes；

支持 HTML5 新標(biāo)簽

IE8/IE7/IE6 支持通過 document.createElement 方法產(chǎn)生的標(biāo)簽，可以利用這一特性讓這些瀏覽器支持 HTML5 新標(biāo)簽，瀏覽器支持新標(biāo)簽后，還需要添加標(biāo)簽?zāi)J(rèn)的樣式。

當(dāng)然也可以直接使用成熟的框架、比如 html5shim;

簡述一下你對(duì) HTML 語義化的理解 ？

1、用正確的標(biāo)簽做正確的事情。

2、html 語義化讓頁面的內(nèi)容結(jié)構(gòu)化，結(jié)構(gòu)更清晰，

3、便于對(duì)瀏覽器、搜索引擎解析;

4、即使在沒有樣式 CSS 情況下也以一種文檔格式顯示，并且是容易閱讀的;

5、搜索引擎的爬蟲也依賴于 HTML 標(biāo)記來確定上下文和各個(gè)關(guān)鍵字的權(quán)重，利于 SEO;

6、使閱讀源代碼的人對(duì)網(wǎng)站更容易將網(wǎng)站分塊，便于閱讀維護(hù)理解。

HTML5 的離線儲(chǔ)存怎么使用，工作原理能不能解釋一下 ？

在用戶沒有與因特網(wǎng)連接時(shí)，可以正常訪問站點(diǎn)或應(yīng)用，在用戶與因特網(wǎng)連接時(shí)，更新用戶機(jī)器上的緩存文件。

原理

HTML5 的離線存儲(chǔ)是基于一個(gè)新建的 .appcache 文件的緩存機(jī)制(不是存儲(chǔ)技術(shù))，通過這個(gè)文件上的解析清單離線存儲(chǔ)資源，這些資源就會(huì)像 cookie 一樣被存儲(chǔ)了下來。之后當(dāng)網(wǎng)絡(luò)在處于離線狀態(tài)下時(shí)，瀏覽器會(huì)通過被離線存儲(chǔ)的數(shù)據(jù)進(jìn)行頁面展示。

如何使用

1、頁面頭部像下面一樣加入一個(gè) manifest 的屬性；

2、在 cache.manifest 文件的編寫離線存儲(chǔ)的資源；

CACHE MANIFEST
#v0.11
CACHE:
js/app.js
css/style.css
NETWORK:
resourse/logo.png
FALLBACK:
//offline.html

3、在離線狀態(tài)時(shí)，操作 window.applicationCache 進(jìn)行需求實(shí)現(xiàn)。

瀏覽器是怎么對(duì) HTML5 的離線儲(chǔ)存資源進(jìn)行管理和加載的呢 ？

在線的情況下，瀏覽器發(fā)現(xiàn) html 頭部有 manifest 屬性，它會(huì)請(qǐng)求 manifest 文件，如果是第一次訪問 app，那么瀏覽器就會(huì)根據(jù) manifest 文件的內(nèi)容下載相應(yīng)的資源并且進(jìn)行離線存儲(chǔ)。

如果已經(jīng)訪問過 app 并且資源已經(jīng)離線存儲(chǔ)了，那么瀏覽器就會(huì)使用離線的資源加載頁面，然后瀏覽器會(huì)對(duì)比新的 manifest 文件與舊的 manifest 文件，如果文件沒有發(fā)生改變，就不做任何操作，如果文件改變了，那么就會(huì)重新下載文件中的資源并進(jìn)行離線存儲(chǔ)。

離線的情況下，瀏覽器就直接使用離線存儲(chǔ)的資源。

請(qǐng)描述一下 cookies，sessionStorage 和 localStorage 的區(qū)別 ？

cookie 是網(wǎng)站為了標(biāo)示用戶身份而儲(chǔ)存在用戶本地終端（Client Side）上的數(shù)據(jù)（通常經(jīng)過加密）。

cookie 數(shù)據(jù)始終在同源的 http 請(qǐng)求中攜帶（即使不需要），也會(huì)在瀏覽器和服務(wù)器間來回傳遞。

sessionStorage 和 localStorage 不會(huì)自動(dòng)把數(shù)據(jù)發(fā)給服務(wù)器，僅在本地保存。

存儲(chǔ)大小

cookie 數(shù)據(jù)大小不能超過 4k。

sessionStorage 和 localStorage 雖然也有存儲(chǔ)大小的限制，但比 cookie 大得多，可以達(dá)到 5M 或更大。

有期時(shí)間

localStorage 存儲(chǔ)持久數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不丟失除非主動(dòng)刪除數(shù)據(jù)；

sessionStorage 數(shù)據(jù)在當(dāng)前瀏覽器窗口關(guān)閉后自動(dòng)刪除。

cookie ?設(shè)置的 cookie 過期時(shí)間之前一直有效，即使窗口或?yàn)g覽器關(guān)閉。

iframe 內(nèi)嵌框架有那些缺點(diǎn) ？

內(nèi)聯(lián)框架 iframe一般用來包含別的頁面，例如 我們可以在我們自己的網(wǎng)站頁面加載別人網(wǎng)站的內(nèi)容，為了更好的效果，可能需要使 iframe 透明效果；

iframe 會(huì)阻塞主頁面的 onload 事件；

搜索引擎的檢索程序無法解讀這種頁面，不利于 SEO 搜索引擎優(yōu)化（Search Engine Optimization）

iframe 和主頁面共享連接池，而瀏覽器對(duì)相同域的連接有限制，所以會(huì)影響頁面的并行加載。

如果需要使用 iframe，最好是通過 javascript 動(dòng)態(tài)給 iframe 添加 src 屬性值，這樣可以繞開以上兩個(gè)問題。

Label 的作用是什么？是怎么用的 ？

label 標(biāo)簽來定義表單控制間的關(guān)系，當(dāng)用戶選擇該標(biāo)簽時(shí)，瀏覽器會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。

Number:


Date:

HTML5 的 form 如何關(guān)閉自動(dòng)完成功能 ？

給不想要提示的 form 或某個(gè) input 設(shè)置為 autocomplete=off。

如何實(shí)現(xiàn)瀏覽器內(nèi)多個(gè)標(biāo)簽頁之間的通信 ? (阿里)

WebSocket、SharedWorker；

也可以調(diào)用 localstorge、cookies 等本地存儲(chǔ)方式；

localstorge 在另一個(gè)瀏覽上下文里被添加、修改或刪除時(shí)，它都會(huì)觸發(fā)一個(gè)事件，我們通過監(jiān)聽事件，控制它的值來進(jìn)行頁面信息通信；

注意 quirks：Safari 在無痕模式下設(shè)置 localstorge 值時(shí)會(huì)拋出 QuotaExceededError 的異常；

webSocket 如何兼容低瀏覽器 ？(阿里)

Adobe Flash Socket 、

ActiveX HTMLFile (IE) 、

基于 multipart 編碼發(fā)送 XHR 、

基于長輪詢的 XHR。

頁面可見性（Page Visibility API） 可以有哪些用途 ？

通過 visibilityState 的值檢測(cè)頁面當(dāng)前是否可見，以及打開網(wǎng)頁的時(shí)間等;

在頁面被切換到其他后臺(tái)進(jìn)程的時(shí)候，自動(dòng)暫停音樂或視頻的播放；

網(wǎng)頁驗(yàn)證碼是干嘛的，是為了解決什么安全問題。

區(qū)分用戶是計(jì)算機(jī)還是人的公共全自動(dòng)程序；

可以防止惡意破解密碼、刷票、論壇灌水；

有效防止黑客對(duì)某一個(gè)特定注冊(cè)用戶用特定程序暴力破解方式進(jìn)行不斷的登陸嘗試。

title 與 h1 的區(qū)別、b 與 strong 的區(qū)別、i 與 em 的區(qū)別 ？

title 屬性沒有明確意義只表示是個(gè)標(biāo)題，H1 則表示層次明確的標(biāo)題，對(duì)頁面信息的抓取也有很大的影響；

strong 是標(biāo)明重點(diǎn)內(nèi)容，有語氣加強(qiáng)的含義，使用閱讀設(shè)備閱讀網(wǎng)絡(luò)時(shí)：strong 會(huì)重讀，而 b 是展示強(qiáng)調(diào)內(nèi)容。

i 內(nèi)容展示為斜體，em 表示強(qiáng)調(diào)的文本；

Physical Style Elements -- 自然樣式標(biāo)簽：b, i, u, s, pre

Semantic Style Elements -- 語義樣式標(biāo)簽：strong, em, ins, del, code

應(yīng)該準(zhǔn)確使用語義樣式標(biāo)簽, 但不能濫用, 如果不能確定時(shí)，首選使用自然樣式標(biāo)簽。

談?wù)勔郧岸说慕嵌瘸霭l(fā)，做好 SEO ，需要考慮什么 ？

了解搜索引擎如何抓取網(wǎng)頁和如何索引網(wǎng)頁

你需要知道一些搜索引擎的基本工作原理，各個(gè)搜索引擎之間的區(qū)別，搜索機(jī)器人（SE robot 或叫 web cra何進(jìn)行工作，搜索引擎如何對(duì)搜索結(jié)果進(jìn)行排序等等。

Meta 標(biāo)簽優(yōu)化

主要包括主題（Title)，網(wǎng)站描述(Description)，和關(guān)鍵詞（Keywords）。還有一些其它的隱藏文字比如 Au 者），Category（目錄），Language（編碼語種）等。

如何選取關(guān)鍵詞并在網(wǎng)頁中放置關(guān)鍵詞

搜索就得用關(guān)鍵詞。關(guān)鍵詞分析和選擇是 SEO 最重要的工作之一。首先要給網(wǎng)站確定主關(guān)鍵詞（一般在 5 個(gè)上后針對(duì)這些關(guān)鍵詞進(jìn)行優(yōu)化，包括關(guān)鍵詞密度（Density），相關(guān)度（Relavancy），突出性（Prominency）等等。

了解主要的搜索引擎

雖然搜索引擎有很多，但是對(duì)網(wǎng)站流量起決定作用的就那么幾個(gè)。比如英文的主要有 Google，Yahoo，Bing 等有百度，搜狗，有道等。
不同的搜索引擎對(duì)頁面的抓取和索引、排序的規(guī)則都不一樣。
還要了解各搜索門戶和搜索的關(guān)系，比如 AOL 網(wǎng)頁搜索用的是 Google 的搜索技術(shù)，MSN 用的是 Bing 的技術(shù)。

主要的互聯(lián)網(wǎng)目錄

Open Directory 自身不是搜索引擎，而是一個(gè)大型的網(wǎng)站目錄，他和搜索引擎的主要區(qū)別是網(wǎng)站內(nèi)容的收集方目錄是人工編輯的，主要收錄網(wǎng)站主頁；搜索引擎是自動(dòng)收集的，除了主頁外還抓取大量的內(nèi)容頁面。

按點(diǎn)擊付費(fèi)的搜索引擎

搜索引擎也需要生存，隨著互聯(lián)網(wǎng)商務(wù)的越來越成熟，收費(fèi)的搜索引擎也開始大行其道。最典型的有 Overture 當(dāng)然也包括 Google 的廣告項(xiàng)目 Google Adwords。越來越多的人通過搜索引擎的點(diǎn)擊廣告來定位商業(yè)網(wǎng)站，這里面化和排名的學(xué)問，你得學(xué)會(huì)用最少的廣告投入獲得最多的點(diǎn)擊。

搜索引擎登錄

網(wǎng)站做完了以后，別躺在那里等著客人從天而降。要讓別人找到你，最簡單的辦法就是將網(wǎng)站提交（submit）擎。如果你的是商業(yè)網(wǎng)站，主要的搜索引擎和目錄都會(huì)要求你付費(fèi)來獲得收錄（比如 Yahoo 要 299 美元），但是好消少到目前為止）最大的搜索引擎 Google 目前還是免費(fèi)，而且它主宰著 60％ 以上的搜索市場。

鏈接交換和鏈接廣泛度（Link Popularity）

網(wǎng)頁內(nèi)容都是以超文本（Hypertext）的方式來互相鏈接的，網(wǎng)站之間也是如此。除了搜索引擎以外，人們也不同網(wǎng)站之間的鏈接來 Surfing（“沖浪”）。其它網(wǎng)站到你的網(wǎng)站的鏈接越多，你也就會(huì)獲得更多的訪問量。更重你的網(wǎng)站的外部鏈接數(shù)越多，會(huì)被搜索引擎認(rèn)為它的重要性越大，從而給你更高的排名。

標(biāo)簽的合理使用

前端頁面有哪三層構(gòu)成，分別是什么？作用是什么？

網(wǎng)頁分成三個(gè)層次，即：結(jié)構(gòu)層、表示層、行為層。

網(wǎng)頁的結(jié)構(gòu)層（structurallayer）由 HTML 或 XHTML 之類的標(biāo)記語言負(fù)責(zé)創(chuàng)建。

標(biāo)簽，也就是那些出現(xiàn)在尖括號(hào)里的單詞，對(duì)網(wǎng)頁內(nèi)容的語義含義做出這些標(biāo)簽不包含任何關(guān)于如何顯示有關(guān)內(nèi)容的信息。例如，P 標(biāo)簽表達(dá)了這樣一種語義：“這是一個(gè)文本段?！?/p>

網(wǎng)頁的表示層（presentationlayer）由 CSS 負(fù)責(zé)創(chuàng)建。CSS 對(duì)“如何顯示有關(guān)內(nèi)容”的問題做出了回答。

網(wǎng)頁的行為層（behaviorlayer）負(fù)責(zé)回答 “內(nèi)容應(yīng)該如何對(duì)事件做出反應(yīng)” 這一問題。

這是 Javascript 語言和 DOM 主宰的領(lǐng)域。

有這么一段 HTML，請(qǐng)?zhí)裘?/strong>