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

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

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

注意：文章的題與題之間用下劃線(xiàn)分隔開(kāi)，答案僅供參考。

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

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

確保用戶(hù)在不同地區(qū)能用最快的速度打開(kāi)網(wǎng)站，其中某個(gè)域名崩潰用戶(hù)也能通過(guò)其他域名訪(fǎng)問(wèn)網(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ū)域高

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

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

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

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

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

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

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

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

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

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

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

document 常見(jiàn)的屬性

body 提供對(duì) 元素的直接訪(fǎng)問(wèn)。對(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常見(jiàn)的方法

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

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

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

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

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

簡(jiǎn)述一下 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í)行完畢，圖片和框架等元素也如此，類(lèi)似于將所指向資源嵌入當(dāng)前標(biāo)簽內(nèi)。這也是為什么將 js 腳本放在底部而不是頭部。

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

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

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

alt

當(dāng)圖片不輸出信息的時(shí)候，會(huì)顯示 alt 信息， 鼠標(biāo)放上去沒(méi)有信息。
當(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è)頁(yè)面進(jìn)行重排，也就是頁(yè)面所有 DOM 元素渲染。

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

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

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

常見(jiàn)觸發(fā)場(chǎng)景

觸發(fā) repaint：

color 的修改，如 color=#ffffd；

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

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

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

觸發(fā) reflow：

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

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

appendChild 等 DOM 元素操作；

font 類(lèi) style 的修改；

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

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

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

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

如何避免：?

盡可能在 DOM 末梢通過(guò)改變 class 來(lái)修改元素的 style 屬性：盡可能的減少受影響的 DOM 元素。

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

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

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

避免使用 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)畫(huà)性的 repaint/reflow，那么每一幀動(dòng)畫(huà)都會(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)行。在兼容模式中，頁(yè)面以寬松的向后兼容的方式顯示，模擬老式瀏覽器的行為以防止站點(diǎn)無(wú)法工作。

HTML5 為什么只需要寫(xiě) < !DOCTYPE HTML> ？

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

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

CSS 規(guī)范規(guī)定，每個(gè)元素都有 display 屬性，確定該元素的類(lèi)型，每個(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)的語(yǔ)氣）

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

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

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

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

新特性

繪畫(huà) canvas;

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

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

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

語(yǔ)意化更好的內(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 支持通過(guò) document.createElement 方法產(chǎn)生的標(biāo)簽，可以利用這一特性讓這些瀏覽器支持 HTML5 新標(biāo)簽，瀏覽器支持新標(biāo)簽后，還需要添加標(biāo)簽?zāi)J(rèn)的樣式。

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

簡(jiǎn)述一下你對(duì) HTML 語(yǔ)義化的理解 ？

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

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

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

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

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

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

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

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

原理

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

如何使用

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

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

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

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

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

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

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

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

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

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

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

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

存儲(chǔ)大小

cookie 數(shù)據(jù)大小不能超過(guò) 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 過(guò)期時(shí)間之前一直有效，即使窗口或?yàn)g覽器關(guān)閉。

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

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

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

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

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

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

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

label 標(biāo)簽來(lái)定義表單控制間的關(guān)系，當(dāng)用戶(hù)選擇該標(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)簽頁(yè)之間的通信 ? (阿里)

WebSocket、SharedWorker；

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

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

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

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

Adobe Flash Socket 、

ActiveX HTMLFile (IE) 、

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

基于長(zhǎng)輪詢(xún)的 XHR。

頁(yè)面可見(jiàn)性（Page Visibility API） 可以有哪些用途 ？

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

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

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

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

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

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

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

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

strong 是標(biāo)明重點(diǎn)內(nèi)容，有語(yǔ)氣加強(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 -- 語(yǔ)義樣式標(biāo)簽：strong, em, ins, del, code

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

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

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

你需要知道一些搜索引擎的基本工作原理，各個(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（編碼語(yǔ)種）等。

如何選取關(guān)鍵詞并在網(wǎng)頁(yè)中放置關(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ì)頁(yè)面的抓取和索引、排序的規(guī)則都不一樣。
還要了解各搜索門(mén)戶(hù)和搜索的關(guān)系，比如 AOL 網(wǎng)頁(yè)搜索用的是 Google 的搜索技術(shù)，MSN 用的是 Bing 的技術(shù)。

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

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

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

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

搜索引擎登錄

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

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

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

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

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

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

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

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

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

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

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

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