HTML、HTTP、web綜合問題（1）

. 前端需要注意哪些SEO

合理的 title 、 description 、 keywords ：搜索對著三項的權重逐個減?， title值強調重點即可，重要關鍵詞出現(xiàn)不要超過2次，?且要靠前，不同?? title 要有所不同； description 把??內(nèi)容?度概括，?度合適，不可過分堆砌關鍵詞，不同??description 有所不同； keywords 列舉出重要關鍵詞即可
語義化的 HTML 代碼，符合W3C規(guī)范：語義化代碼讓搜索引擎容易理解??
重要內(nèi)容 HTML 代碼放在最前：搜索引擎抓取 HTML 順序是從上到下，有的搜索引擎對抓取?度有限制，保證重要內(nèi)容?定會被抓取
重要內(nèi)容不要? js 輸出：爬?不會執(zhí)?js獲取內(nèi)容
少? iframe ：搜索引擎不會抓取 iframe 中的內(nèi)容
?裝飾性圖?必須加 alt
提??站速度：?站速度是搜索引擎排序的?個重要指標

2. img的 title 和 alt 有什么區(qū)別

通常當?標滑動到元素上的時候顯示

alt 是的特有屬性，是圖?內(nèi)容的等價描述，?于圖??法加載時顯示、讀屏器閱讀圖?。可提圖??可訪問性，除了純裝飾圖?外都必須設置有意義的值，搜索引擎會重點分析。

3. HTTP的?種請求?法?途

GET ?法

發(fā)送?個請求來取得服務器上的某?資源

POST ?法

向 URL 指定的資源提交數(shù)據(jù)或附加新的數(shù)據(jù)

PUT ?法

跟 POST ?法很像，也是想服務器提交數(shù)據(jù)。但是，它們之間有不同。 PUT 指定了資源在服務器上的位置，? POST 沒有

HEAD ?法

只請求??的?部

DELETE ?法

刪除服務器上的某資源

OPTIONS ?法

它?于獲取當前 URL 所?持的?法。如果請求成功，會有?個 Allow 的頭包含類似 “GET,POST” 這樣的信息

TRACE ?法

TRACE ?法被?于激發(fā)?個遠程的，應?層的請求消息回路

CONNECT ?法

把請求連接轉換到透明的 TCP/IP 通道

4. 從瀏覽器地址欄輸?url到顯示??的步驟

基礎版本瀏覽器根據(jù)請求的 URL 交給 DNS 域名解析，找到真實 IP ，向服務器發(fā)起請求；服務器交給后臺處理完成后返回數(shù)據(jù)，瀏覽器接收?件（ HTML、JS、CSS 、圖象等）；瀏覽器對加載到的資源（ HTML、JS、CSS 等）進?語法解析，建?相應的內(nèi)部數(shù)據(jù)結構（如 HTML 的 DOM ）；載?解析到的資源?件，渲染??，完成。

詳細版

1. 在瀏覽器地址欄輸?URL

2. 瀏覽器查看緩存，如果請求資源在緩存中并且新鮮，跳轉到轉碼步驟

如果資源未緩存，發(fā)起新請求

如果已緩存，檢驗是否?夠新鮮，?夠新鮮直接提供給客戶端，否則與服務器進?驗證。
檢驗新鮮通常有兩個HTTP頭進?控制 Expires 和 Cache-Control ： HTTP1.0提供Expires，值為?個絕對時間表示緩存新鮮?期 HTTP1.1增加了Cache-Control: max-age=,值為以秒為單位的最?新鮮時間

3. 瀏覽器解析URL獲取協(xié)議，主機，端?，path

4. 瀏覽器組裝?個HTTP（GET）請求報?

5. 瀏覽器獲取主機ip地址，過程如下：

瀏覽器緩存
本機緩存
hosts?件
路由器緩存
ISP DNS緩存
DNS遞歸查詢（可能存在負載均衡導致每次IP不?樣）

6. 打開?個socket與?標IP地址，端?建?TCP鏈接，三次握?如下：

客戶端發(fā)送?個TCP的SYN=1，Seq=X的包到服務器端?
服務器發(fā)回SYN=1， ACK=X+1， Seq=Y的響應包
客戶端發(fā)送ACK=Y+1， Seq=Z

7. TCP鏈接建?后發(fā)送HTTP請求

8. 服務器接受請求并解析，將請求轉發(fā)到服務程序，如虛擬主機使?HTTP Host頭部判斷請求的服務程序

9. 服務器檢查HTTP請求頭是否包含緩存驗證信息如果驗證緩存新鮮，返回304等對應狀態(tài)碼 10. 處理程序讀取完整請求并準備HTTP響應，可能需要查詢數(shù)據(jù)庫等操作

11. 服務器將響應報?通過TCP連接發(fā)送回瀏覽器

12. 瀏覽器接收HTTP響應，然后根據(jù)情況選擇關閉TCP連接或者保留重?，關閉TCP連接的四次握?如下： 1. 主動?發(fā)送Fin=1， Ack=Z， Seq=X報? 2. 被動?發(fā)送ACK=X+1， Seq=Z報? 3. 被動?發(fā)送Fin=1， ACK=X， Seq=Y報? 4. 主動?發(fā)送ACK=Y， Seq=X報?

13. 瀏覽器檢查響應狀態(tài)嗎：是否為1XX，3XX， 4XX， 5XX，這些情況處理與2XX不同

14. 如果資源可緩存，進?緩存

15. 對響應進?解碼（例如gzip壓縮）

16. 根據(jù)資源類型決定如何處理（假設資源為HTML?檔）

17. 解析HTML?檔，構件DOM樹，下載資源，構造CSSOM樹，執(zhí)?js腳本，這些操作沒有嚴格的先后順序，以下分別解釋

18. 構建DOM樹： 1. Tokenizing：根據(jù)HTML規(guī)范將字符流解析為標記 2. Lexing：詞法分析將標記轉換為對象并定義屬性和規(guī)則 3. DOM construction：根據(jù)HTML標記關系將對象組成DOM樹

19. 解析過程中遇到圖?、樣式表、js?件，啟動下載

20. 構建CSSOM樹：

5 如何進??站性能優(yōu)化

content ??

減少 HTTP 請求：合并?件、 CSS 精靈、 inline Image
減少 DNS 查詢： DNS 緩存、將資源分布到恰當數(shù)量的主機名
減少 DOM 元素數(shù)量

Server ??

使? CDN
配置 ETag
對組件使? Gzip 壓縮

Cookie ??

減? cookie ??

css ??

將樣式表放到??頂部
不使? CSS 表達式
使?link 不使? @import

Javascript ??

將腳本放到??底部
將 javascript 和 css 從外部引?
壓縮 javascript 和 css
刪除不需要的腳本
減少 DOM 訪問

圖???

優(yōu)化圖?：根據(jù)實際顏?需要選擇?深、壓縮
優(yōu)化 css 精靈
不要在 HTML 中拉伸圖?

每天來個5題就行，關注我，每天一起學一點點。

lt;table> 表格的樣式：

表格 <table>標簽的定義：

HTML 表格：<table> 標簽定義。

簡單的 HTML 表格包括： table 元素，一個或多個 tr、th 以及 td 元素。

<table>表格結構：

<table border=1px;>
 <tr> <th> row1,col1 </th><th>row1,col2 </th> </tr>
 <tr> <th> row2,col1 </th><td>row2,col2 </td> </tr>
</table>

<table>表格元素：

tr（行標簽）、 th（表頭單元格標簽）、 td（普通單元格標簽) caption（表格標題）、 col(定義列)、 colgroup(對表格中的列進行組合)、thead（組合表頭的內(nèi)容） tbody(組合表格的主題內(nèi)容) 、tfoot(組合表格的腳注內(nèi)容) 等

<td>（普通單元格標簽) ：元素定義表格單元格

	<td>11,980</td>

<th>（表頭單元格標簽）：元素定義表格表頭

<th scope="row">工資</th>

<tr>（行標簽）：元素定義表格行

<tr>
		<th scope="row">工資</th>
		<td>11,980</td>
		<td>12,650</td>
		<td>9,700</td>
		<td>10,600</td>
 <td rowspan="5">工作</td>
	</tr>

<caption>(表格標題）：元素定義表格標題

<caption class="c1">月度收入4月 - 7月 </caption>

還有一些復雜的表格才能用到的元素 ：<col>、 <colgroup>、<thead>、 <tbody> 、<tfoot>等.

thead主要用來存放表格的表頭的;
tbody 用來存放真正的數(shù)據(jù)的;
tfoot是表格的腳部, 主要是用來對表格做總結性的統(tǒng)計, 備注等.

由于thead, tbody, tfoot是從語義上來劃分表格結構的, 主要用于比較復雜的表格中。

<colspan>合并行元素：定義<table>中的行的合并

 <td colspan="5">153,629</td>

<rowspan>合并列元素：定義<table>中的列的合并

 <td rowspan="5">工作</td>

<table>表格的嵌套:

<tr>
		<th scope="row">總計</th>
		<td>36,060</td>
		<td>38,759</td>
		<td>38,110</td>
		<td>40,700</td>
 <td class="ct">
 <table id="t2"> 
 <tr><td></td></tr>
 </table>
 </td>
	</tr>

嵌套

HTML基礎表格的應用，上面的簡單元素就可以滿足，運用表格邏輯思維去思考，可以更快的掌握<table>表格標簽。

本文部分圖片來自網(wǎng)絡，如有侵權，請聯(lián)系修改。

df文件如何合并?這是很多朋友子在工作，或者學習是上會遇到的難題。其實熟練掌握借助工具，可以很好的解決這個問題。下面小編為大家推薦3款工具，有需要的朋友一起看看吧。

小編推薦第一款實用工具：彩虹辦公中心

深受打工人喜愛的辦公平臺，這款軟件甚至被網(wǎng)友戲稱為辦公必備神器。優(yōu)勢在于，功能全面，操作簡單，界面簡潔，使用起來體驗感舒適!

功能太多，小編就不一一介紹了，需要什么服務，用戶可以在空閑的時候慢慢摸索，都很簡單的，沒有壓力!

點擊【PDF處理】板塊，然后找到【PDF合并】添加文件，跟著步驟走，就可以完成操作了。轉換速度很快，用戶不許等待哦!

小編推薦第二款實用工具：pdfMachine merge

一款專業(yè)的pdf文件合并工具，提供超多實用服務，能夠幫助用戶將Word，PowerPoint，Excel甚至HTML等文件全部合并成一個。簡單便捷!

支持格式轉換，支持一鍵批量合并。而且優(yōu)勢在于打印或瀏覽時，保持所有格式的原始文檔中的完整性!

小編推薦第三款實用工具：Abelssoft Easy PDF

這款軟件，擁有很高的人氣。可以快速將PDF文件進行合并。除了合并公民，還支持刪除、或者拆分，這些都能夠輕松完成。

操作簡單，只需單擊幾下，任何可以使用鼠標的人都可以完全。絕對是你在電腦中處理PDF文件的好幫手。

以上就是小編為大家?guī)淼年P于pdf文件如何合并，3招建議收藏的全部內(nèi)容。輔助工具旨在讓人更好的完成編輯，所以實用很重要，3款軟件用戶可以按照需求自行選擇。果你還想了解更多內(nèi)容，可以收藏關注小編!

在線咨詢

上一篇：jQuery選擇器整理
下一篇：Html網(wǎng)頁入門

您的項目需求

*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。

整合營銷服務商