Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 女人被男人躁得好爽免费视频,日韩在线免费观看视频,影音先锋大型av资源

          整合營(yíng)銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          前端大神總結(jié)的HTML標(biāo)簽,真的是太全了-連載1

          TML

          本文,有很多很棘手的問(wèn)題,例如使用sublime 編輯器可能安裝插件的時(shí)候會(huì)使用不了view in browser我公司的電腦可以安裝、結(jié)果家里的電腦就報(bào)編碼錯(cuò)誤、需要改sublime插件源代碼解碼成utf8就可以了、還有一直連不上packagecontrol的網(wǎng)頁(yè),可以群(526929231)使勁砸我得到解決~ sublime編輯器對(duì)于前端來(lái)說(shuō)確實(shí)很好用!很好用!很好用! SublimeText、Webstorm推薦這兩個(gè)編輯器

          HTML起源

          剛開始設(shè)計(jì)HTML語(yǔ)言是為了將文字圖像關(guān)聯(lián)在一起,用另一臺(tái)發(fā)送或接收

          HTML(HyperTextMark-up Language)超文本標(biāo)記語(yǔ)言

          HTML 不是一種編程語(yǔ)言,而是一中標(biāo)記語(yǔ)言(mark-up language),標(biāo)記語(yǔ)言是一套標(biāo)記標(biāo)簽(mark-up tag)

          HTML標(biāo)簽

          標(biāo)簽是由尖括號(hào) < > 把關(guān)鍵詞括起來(lái),標(biāo)簽通常是成對(duì)出現(xiàn)的

          Web瀏覽器

          讀取 HTML 文檔,使用標(biāo)簽來(lái)解析頁(yè)面的內(nèi)容,以網(wǎng)頁(yè)的形式現(xiàn)實(shí),瀏覽器不會(huì)現(xiàn)實(shí)HTML標(biāo)簽

          現(xiàn)在市場(chǎng)上主流五大瀏覽器

          每種瀏覽器都有自己的內(nèi)核(引擎)(解析網(wǎng)頁(yè)的一個(gè)程序,io以什么方式去渲染它都要通過(guò)引擎去執(zhí)行)

          目前主流的瀏覽器分為五種

          • Chrome谷歌瀏覽器 (Webkit內(nèi)核,V8 js引擎)

          • Firefox火狐瀏覽器 (Gecko內(nèi)核)

          • Internet Explorer IE瀏覽器( Trident內(nèi)核)

          • Opera 歐朋瀏覽器 (Presto內(nèi)核) 主要市場(chǎng):移動(dòng)端

          • Safari 蘋果瀏覽器 (Webkit內(nèi)核,但JS引擎為Nitro)

            不需要去記,簡(jiǎn)單了解下

          標(biāo)簽使用規(guī)范

          1. 標(biāo)簽必須閉合

          2. 所有標(biāo)簽名一律小寫

          3. 代碼縮進(jìn),使閱讀代碼更加易懂

          4. 特殊符號(hào)規(guī)范使用

          5. 命名規(guī)范,見名之意

          PS: 所有的標(biāo)記符號(hào)都是半角英文

          編輯器

          眾說(shuō)紛紜編輯器太多,最終只是一個(gè)工具,希望同學(xué)們能從萬(wàn)千世界中找到適合自己的編輯器伙伴

          編輯器描述
          EditPlus手寫模式,適合初學(xué)手寫,無(wú)代碼提示(有IE調(diào)試視圖)
          Sublime 插件特別多,占用內(nèi)存小,啟動(dòng)速度快,打開大項(xiàng)目較慢,管理文件方式有些缺陷
          webstorm集成插件特別多,啟動(dòng)較慢,占用內(nèi)存大,開發(fā)和管理視圖都很方便
          Dreamweaver 適合初學(xué),主要代碼提示和代碼插入功能強(qiáng)大,主要偏向于設(shè)計(jì)(有設(shè)計(jì)視圖)

          Sublime插件列表

          插件名描述詳情請(qǐng)戳
          emmet前端自動(dòng)補(bǔ)全,提供快捷補(bǔ)全方式
          ColorPicker調(diào)色板,顏色選擇器
          SublimeTmplsublime模板,可以快速創(chuàng)建一個(gè)HTML模板
          view in browser用快捷方式打開瀏覽器進(jìn)行調(diào)試HTML(需要配置參考后面網(wǎng)頁(yè))
          LiveReload實(shí)時(shí)刷新HTML(編輯器里按下保存ctrl+s的時(shí)候,已經(jīng)打開的HTMl會(huì)自動(dòng)刷新)谷歌插件文件安裝方法需要配合谷歌LiveReload插件插件文件下載
          Color HighlighterCSS顏色代碼高亮及顏色預(yù)覽提示
          CSS3CSS3的代碼高亮提示還針對(duì)了CSS3的選擇器及錨類選擇器:hover :first-child :first-child ...的高亮
          JavaScript Completions原生js 代碼提示
          Sublime-Better-Completion可自選開啟代碼提示,支持jQ、js、bootstrap、php、sql ...倉(cāng)庫(kù)地址此插件只能通過(guò)Github克隆下載安裝安裝方法

          注:Github 網(wǎng)頁(yè)中 下面是有詳細(xì)的使用方法 packagecontrol.io官網(wǎng) 里面search 可以進(jìn)行搜索插件名字來(lái)找到具體使用方法,還有什么不懂或者安裝出現(xiàn)編碼錯(cuò)誤以及安裝不上的可以拍打我~

          模板的配置

          配置描述
          !DOCTYPE html不是標(biāo)簽,主要用于文檔類型的聲明
          charset="utf-8"聲明字符編碼集
          http-equiv="Content-Type"把Content屬性關(guān)聯(lián)到HTTP頭部(協(xié)議頭)

          HTML模板

          簡(jiǎn)單了解,并不需要熟練掌握

          HTML樹狀結(jié)構(gòu)

          Dom節(jié)點(diǎn)樹

          HTML網(wǎng)頁(yè)擴(kuò)展名

          .html .htm這兩種是比較常見的

          在早期系統(tǒng)中文件名是有8+3組成 三個(gè)擴(kuò)展名所以不支持四個(gè)字母的擴(kuò)展采用.htm

          現(xiàn)在通常使用.html作為擴(kuò)展名


          標(biāo)簽的學(xué)習(xí)

          接下來(lái)所有的標(biāo)簽元素學(xué)習(xí)都在body標(biāo)簽里面去敲打?qū)崿F(xiàn)、

          H標(biāo)簽

          為了突出標(biāo)題,字體大小和加粗發(fā)生相應(yīng)的改變

          <h1>我是大主題</h1>
          <h2>我是大主題</h2>
          <h3>我是大主題</h3>
          <h4>我是大主題</h4>
          <h5>我是大主題</h5>
          <h6>我是大主題</h6>
          <!doctype html><!-- 讓瀏覽器使用html5的標(biāo)準(zhǔn)解析 -->
          <html>
           <head>
           <!-- 設(shè)置字符編碼集讓瀏覽器使用utf8解析當(dāng)前網(wǎng)頁(yè) -->
           <meta http-equiv="Content-Type" content="text/html; charset=utf8" />
           <meta name="keywords" content="SEO搜索引擎,關(guān)鍵詞,多個(gè)請(qǐng)用逗號(hào)分開" />
           <meta name="description" content="網(wǎng)頁(yè)描述,八十字內(nèi)" />
           <title>瀏覽器標(biāo)簽頁(yè)上的網(wǎng)頁(yè)標(biāo)題</title>
           </head>
           <body> <!-- 所有的標(biāo)簽學(xué)習(xí)都在這body里面去敲,上面head元素里面的內(nèi)容做個(gè)了解就可以了 -->
           
           <h1>我是大標(biāo)題</h1>
           <h2>我是主題2</h2>
           <h3>我是主題3</h3>
           <h4>我是主題4</h4>
           <h5>我是主題5</h5>
           <h6>我是主題6</h6>
           
           </body>
          </html>

          可以發(fā)現(xiàn)h標(biāo)簽從h1到h6會(huì)隨著數(shù)值越小字越小,并且都是會(huì)加粗和各占一行的狀態(tài)(前后的元素都會(huì)被換行)

          h1標(biāo)簽一般一個(gè)頁(yè)面里面只會(huì)寫一次,為了讓搜索引擎爬取到 (寫一次利于SEO搜索引擎優(yōu)化)

          p段落標(biāo)簽

          <p>
           冬著一身素衣,緩緩而來(lái),季節(jié)沒(méi)有了往日的姹紫嫣紅,卻用簡(jiǎn)單的線條,勾勒出一幅潔白的畫,純潔通透,輕盈自然。
          </p>

          特殊符號(hào)

          剛我們了解到了瀏覽器是識(shí)別尖括號(hào)的,如果要在頁(yè)面中顯示html標(biāo)記那要怎么做呢?這時(shí)候就需要特殊符號(hào)的表示來(lái)顯示

          符號(hào)描述
          空格&nbsp;
          小于&lt;
          大于&gt;
          引號(hào)&quot;
          版權(quán)&copy;
          ×叉&times;
          &&amp;

          加粗標(biāo)簽

          符號(hào)描述
          B標(biāo)簽物理加粗,頁(yè)面呈現(xiàn)加粗狀態(tài).
          Strong標(biāo)簽不僅能加粗,還利于搜索引擎優(yōu)化
          <b>物理加粗,頁(yè)面呈現(xiàn)加粗狀態(tài).</b>
          
          <strong>不僅能加粗,還利于搜索引擎優(yōu)化,就是類似于百度、谷歌這種搜索引擎爬取你的網(wǎng)頁(yè)的時(shí)候會(huì)查找這個(gè)標(biāo)簽里面的內(nèi)容來(lái)優(yōu)化顯示網(wǎng)頁(yè)的排名</strong>

          可以根據(jù)word文檔上面發(fā)現(xiàn) b是加粗 u是下劃線 i是傾斜 同樣適用于標(biāo)簽

          <i>我是傾斜</i> <u>我加了下劃線</u>

          A標(biāo)簽

          • 鏈接一個(gè)頁(yè)面,點(diǎn)擊則會(huì)跳轉(zhuǎn)這個(gè)鏈接頁(yè)面

          • 使用錨點(diǎn)滾動(dòng)到設(shè)定的位置

          <a href=""></a> a標(biāo)簽中的href控制點(diǎn)擊的時(shí)候跳轉(zhuǎn)到哪里如果沒(méi)寫表示刷新當(dāng)前頁(yè)面
          
          
          <a href="#"></a> 跳轉(zhuǎn)到當(dāng)前頁(yè)面(回歸到頁(yè)面頂部)
          
          
          <a href="javascript: void(0);"></a> 死鏈接,不會(huì)跳轉(zhuǎn),一般用于js特效
          
          
          <a href="#name">錨點(diǎn)到一個(gè)標(biāo)簽上所對(duì)應(yīng)的ID名字,點(diǎn)擊則跳到那個(gè)標(biāo)簽位置</a>
          
          
          <a >跳轉(zhuǎn)到百度</a> 跳轉(zhuǎn)到百度 需要注意的是 http 協(xié)議不能少

          點(diǎn)擊#flag的a標(biāo)簽的時(shí)候會(huì)跳到到上面h2標(biāo)簽

          只有擁有name屬性的

          a標(biāo)簽

          才能錨點(diǎn),還有一種方式是通過(guò)ID標(biāo)識(shí)唯一元素,也可以跳轉(zhuǎn)(不僅僅是a標(biāo)簽)

          補(bǔ)充標(biāo)簽

          描述標(biāo)簽
          滾動(dòng)標(biāo)簽marquee
          字體標(biāo)簽font
          定義水平線hr

          滾動(dòng)標(biāo)簽

          marquee

          屬性描述
          direction滾動(dòng)方向
          behivior行為

          behivior

          描述
          alternate交替滾動(dòng)
          scroll滾動(dòng)
          slide滑落

          Font標(biāo)簽

          屬性描述
          color顏色
          size0-7
          face字體

          hr水平線

          與font相似,擁有color和size屬性

          hr標(biāo)簽沒(méi)有結(jié)束標(biāo)簽 按照早期的習(xí)慣也H5也遵循XHTML的解析 所以統(tǒng)一會(huì)加一個(gè)反斜杠表示結(jié)束這個(gè)標(biāo)簽,不加也能夠正確顯示,但是養(yǎng)成一個(gè)良好的習(xí)慣確實(shí)重要,比如微信小程序就是沒(méi)有結(jié)束標(biāo)簽必須要使用一個(gè)反斜杠結(jié)尾否則直接報(bào)錯(cuò)、


          練習(xí)一、

          結(jié)合今天所學(xué),寫一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)

          內(nèi)容如下:

          • 寫一篇收獲或感受 / 寫一篇文章 ————> 為什么要自己寫,網(wǎng)上一大把哈哈,可以自己寫下,鍛煉下思維

          • 需要包括h、p、a、加粗

          • 題材不限,至少200字

          練習(xí)二、

          在習(xí)題一的文章底部,使用滾動(dòng)標(biāo)簽進(jìn)行滾動(dòng)方向?yàn)?5°

          可以在頭部找到我,如有勘誤、錯(cuò)別字、盡情見諒很用心的檢查了 碼了這么久

          TTP/1.1 GET Request

          HTTP / 1.1服務(wù)器支持所謂的虛擬主機(jī)。也就是說(shuō),相同的物理服務(wù)器可以容納多個(gè)虛擬主機(jī),具有不同的主機(jī)名(例如,www.nowhere123.com和www.test909.com)以及它們自己的專用文檔根目錄。因此,在HTTP / 1.1 GET請(qǐng)求中,必須包括一個(gè)名為“Host”的請(qǐng)求頭,以選擇其中一個(gè)虛擬主機(jī)。

          GET /index.html HTTP/1.1
          Host: 127.0.0.1
          (blank line)
          
          HTTP/1.1 200 OK
          Date: Sun, 18 Oct 2009 12:10:12 GMT
          Server: Apache/2.2.14 (Win32)
          Last-Modified: Sat, 20 Nov 2004 07:16:26 GMT
          ETag: "10000000565a5-2c-3e94b66c2e680"
          Accept-Ranges: bytes
          Content-Length: 44
          Content-Type: text/html
           
          <html><body><h1>It works!</h1></body></html>
          

          Example: HTTP/1.1 Missing Host Header

          以下示例顯示HTTP / 1.1請(qǐng)求中的“Host”標(biāo)頭是必需的。如果缺少“Host”標(biāo)頭,則服務(wù)器返回錯(cuò)誤“400 Bad Request”。

          GET /index.html HTTP/1.1
          (blank line)
          HTTP/1.1 400 Bad Request
          Date: Sun, 18 Oct 2009 12:13:46 GMT
          Server: Apache/2.2.14 (Win32)
          Content-Length: 226
          Connection: close
          Content-Type: text/html; charset=iso-8859-1
           
          <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
          <html><head>
          <title>400 Bad Request</title>
          </head><body>
          <h1>Bad Request</h1>
          <p>Your browser sent a request that this server could not understand.<br />
          </p>
          </body></html>
          

          有條件的GET請(qǐng)求

          在前面的所有示例中,如果可以滿足請(qǐng)求(即無(wú)條件),則服務(wù)器返回整個(gè)文檔。您可以使用其他請(qǐng)求標(biāo)頭來(lái)發(fā)出“條件請(qǐng)求”。例如,要根據(jù)上次修改日期請(qǐng)求文檔(以便決定是否使用本地緩存副本),或者要求提供文檔(或范圍)的一部分而不是整個(gè)文檔(對(duì)于下載大文件)。

          條件請(qǐng)求標(biāo)頭包括:

          • If-Modified-Since (check for response status code "304 Not Modified").
          • If-Unmodified-Since
          • If-Match
          • If-None-Match
          • If-Range

          Request Headers

          本節(jié)介紹一些常用的請(qǐng)求標(biāo)頭。

          有關(guān)更多詳細(xì)信息,請(qǐng)參閱HTTP規(guī)范。

          標(biāo)題名稱的語(yǔ)法是使用短劃線( - )連接的初始標(biāo)題的單詞,例如,Content-Length,If-Modified-Since。

          Host: domain-name HTTP / 1.1支持虛擬主機(jī)。多個(gè)DNS名稱(例如,www.nowhere123.com和www.nowhere456.com)可以駐留在同一物理服務(wù)器上,具有自己的文檔根目錄。HTTP / 1.1中必須使用主機(jī)頭來(lái)選擇其中一個(gè)主機(jī)。

          如果服務(wù)器,客戶端可以使用以下標(biāo)頭進(jìn)行內(nèi)容協(xié)商,以請(qǐng)求服務(wù)器提供文檔的首選類型(就媒體類型而言,例如JPEG與GIF,或使用的語(yǔ)言,例如英語(yǔ)與法語(yǔ))維護(hù)同一文檔的多個(gè)版本。

          Accept: mime-type-1, mime-type-2, ...客戶端可以使用Accept標(biāo)頭告訴服務(wù)器它可以處理的MIME類型,它更喜歡。如果服務(wù)器具有所請(qǐng)求文檔的多個(gè)版本(例如,GIF和PNG中的圖像,或TXT和PDF中的文檔),則它可以檢查該標(biāo)題以決定將哪個(gè)版本傳遞給客戶端。(例如,PNG比GIF更先進(jìn),但并非所有瀏覽器都支持PNG。)此過(guò)程稱為內(nèi)容類型協(xié)商。

          Accept-Language: language-1, language-2, ... 客戶端可以使用Accept-Language標(biāo)頭告訴服務(wù)器它可以處理或更喜歡的語(yǔ)言。如果服務(wù)器具有所請(qǐng)求文檔的多個(gè)版本(例如,英語(yǔ),中文,法語(yǔ)),則它可以檢查該標(biāo)題以決定返回哪個(gè)版本。此過(guò)程稱為語(yǔ)言協(xié)商。

          Accept-Charset: Charset-1, Charset-2, ...對(duì)于字符集協(xié)商,客戶端可以使用此標(biāo)頭告訴服務(wù)器它可以處理或更喜歡哪些字符集。字符集的示例是ISO-8859-1,ISO-8859-2,ISO-8859-5,BIG5,UCS2,UCS4,UTF8。

          Accept-Encoding: encoding-method-1, encoding-method-2, ... 客戶端可以使用此標(biāo)頭告訴服務(wù)器它支持的編碼類型。如果服務(wù)器具有所請(qǐng)求文檔的編碼(或壓縮)版本,則它可以返回客戶端支持的編碼版本。服務(wù)器還可以在返回客戶端之前選擇對(duì)文檔進(jìn)行編碼,以減少傳輸時(shí)間。服務(wù)器必須設(shè)置響應(yīng)頭“Content-Encoding”以通知客戶端返回的文檔已編碼。常見的編碼方法是“x-gzip(.gz,.tgz)”和“x-compress(.Z)”。

          Connection: Close|Keep-Alive -客戶端可以使用此標(biāo)頭告知服務(wù)器在此請(qǐng)求之后是否關(guān)閉連接,或者為另一個(gè)請(qǐng)求保持連接活動(dòng)。HTTP / 1.1默認(rèn)使用持久(保持活動(dòng))連接。HTTP / 1.0默認(rèn)關(guān)閉連接。

          Referer: referer-URL - 客戶端可以使用此標(biāo)頭指示此請(qǐng)求的引用者。如果您點(diǎn)擊網(wǎng)頁(yè)1中的鏈接訪問(wèn)網(wǎng)頁(yè)2,則網(wǎng)頁(yè)1是請(qǐng)求網(wǎng)頁(yè)2的推薦人。所有主要瀏覽器都設(shè)置此標(biāo)題,可用于跟蹤請(qǐng)求的來(lái)源(用于網(wǎng)絡(luò)廣告),或內(nèi)容定制)。盡管如此,這個(gè)標(biāo)題不可靠并且很容易被欺騙。請(qǐng)注意,推薦人拼錯(cuò)為“Referer”(不幸的是,您也必須遵循)。

          User-Agent: browser-type - 確定用于發(fā)出請(qǐng)求的瀏覽器類型。服務(wù)器可以根據(jù)瀏覽器的類型使用此信息返回不同的文檔。

          Content-Length: number-of-bytes -由POST請(qǐng)求使用,以通知服務(wù)器請(qǐng)求正文的長(zhǎng)度。

          Content-Type: mime-type -由POST請(qǐng)求使用,以通知服務(wù)器請(qǐng)求正文的媒體類型。

          Cache-Control: no-cache|... -客戶端可以使用此標(biāo)頭指定代理服務(wù)器如何緩存頁(yè)面。“no-cache”要求代理從原始服務(wù)器獲取新副本,即使本地緩存副本可用。(HTTP / 1.0服務(wù)器無(wú)法識(shí)別“Cache-Control:no-cache”。而是使用“Pragma:no-cache”。如果您不確定服務(wù)器的版本,則包括兩個(gè)請(qǐng)求標(biāo)頭。)

          Authorization: 客戶端使用它來(lái)提供其憑據(jù)(用戶名/密碼)以訪問(wèn)受保護(hù)資源。

          Cookie: cookie-name-1=cookie-value-1, cookie-name-2=cookie-value-2, ... - 客戶端使用此標(biāo)頭將cookie返回給服務(wù)器,該服務(wù)器之前由此服務(wù)器設(shè)置用于狀態(tài)管理。

          If-Modified-Since: date -告訴服務(wù)器僅在特定日期之后修改了頁(yè)面。

          GET Request for Directory

          假設(shè)文檔基目錄“htdocs”中存在名為“testdir”的目錄。

          如果客戶端向“/ testdir /”發(fā)出GET請(qǐng)求(即,在目錄中)。

          1. 如果目錄包含“index.html”文件,服務(wù)器將返回“/testdir/index.html”。
          2. 否則,如果在服務(wù)器配置中啟用了目錄列表,則服務(wù)器返回目錄列表
          3. 否則,服務(wù)器返回“404找不到頁(yè)面”。

          有趣的是,如果客戶端向“/ testdir”發(fā)出GET請(qǐng)求(未指定目錄路徑“/”),則服務(wù)器返回“301 Move Permanently”,其新“Location”為“/ testdir /“。

          大多數(shù)瀏覽器將跟進(jìn)另一個(gè)“/ testdir /”請(qǐng)求。例如,如果您從瀏覽器發(fā)出不帶尾隨“/”的http://127.0.0.1:8000/testdir,您可能會(huì)注意到在給出響應(yīng)后,地址中添加了一個(gè)尾隨的“/”。所以應(yīng)該在目錄請(qǐng)求中包含“/”以保存額外的GET請(qǐng)求。

          URL and URI

          URL (Uniform Resource Locator)

          RFC 2396中定義的URL(統(tǒng)一資源定位符)用于通過(guò)Web唯一標(biāo)識(shí)資源。 URL具有以下語(yǔ)法:

          protocol://hostname:port/path-and-file-name
          

          URL中有4個(gè)部分:

          1. Protocol:客戶端和服務(wù)器使用的應(yīng)用層協(xié)議,例如HTTP,F(xiàn)TP和telnet。
          2. Hostname: 服務(wù)器的DNS域名(例如,www.nowhere123.com)或IP地址(例如192.128.1.2)。
          3. Port:服務(wù)器正在偵聽來(lái)自客戶端的傳入請(qǐng)求的TCP端口號(hào)。
          4. Path-and-file-name: 服務(wù)器文檔基目錄下所請(qǐng)求資源的名稱和位置。

          Encoded URL

          URL不能包含特殊字符,例如空格或“?”。特殊字符以%xx的形式編碼,其中xx是ASCII十六進(jìn)制代碼。例如,'?'編碼為%7e;'+'編碼為%2b。空白可以編碼為%20或'+'。編碼后的URL稱為編碼URL。

          URI (Uniform Resource Identifier)

          RFC3986中定義的URI(統(tǒng)一資源標(biāo)識(shí)符)比URL更通用,URL甚至可以在資源中定位片段。

          HTTP協(xié)議的URI語(yǔ)法是:

          http://host:port/path?request-parameters#nameAnchor
          
          • 名稱=值對(duì)形式的請(qǐng)求參數(shù)通過(guò)“?”與URL分隔。名稱=值對(duì)由'&'分隔。
          • #nameAnchor標(biāo)識(shí)HTML文檔中的片段,通過(guò)錨標(biāo)簽<a name="anchorName"> ... </a>定義。
          • 用于會(huì)話管理的URL重寫,例如“...; sessionID = xxxxxx”。

          Character Set Negotiation

          客戶端可以使用請(qǐng)求標(biāo)頭Accept-Charset與服務(wù)器協(xié)商它喜歡的字符集。

          Accept-Charset: charset-1, charset-2, ...
          

          常見的字符集包括:ISO-8859-1(Latin-I),ISO-8859-2,ISO-8859-5,BIG5(繁體中文),GB2312(簡(jiǎn)體中文),UCS2(2字節(jié)Unicode),UCS4(4字節(jié)Unicode),UTF8(編碼Unicode)等。

          Encoding Negotiation

          客戶端可以使用Accept-Encoding標(biāo)頭告訴服務(wù)器它支持的編碼類型。常見的編碼方案是:“x-gzip(.gz,.tgz)”和“x-compress(.Z)”。

          Accept-Encoding: encoding-method-1, encoding-method-2, ...
          

          類似地,AddEncoding指令用于將文件擴(kuò)展名與編碼方案相關(guān)聯(lián)。

          例如:

          AddEncoding x-compress .Z
          AddEncoding x-gzip .gz .tgz
          

          Persistent (or Keep-alive) Connections

          在HTTP / 1.0中,服務(wù)器在默認(rèn)情況下傳遞響應(yīng)后關(guān)閉TCP連接(連接:關(guān)閉)。也就是說(shuō),每個(gè)TCP連接只服務(wù)一個(gè)請(qǐng)求。這不是效率,因?yàn)樵S多HTML頁(yè)面包含超鏈接(通過(guò)<a href="url">標(biāo)記)到其他資源(例如圖像,腳本 - 本地或遠(yuǎn)程服務(wù)器)。如果下載包含5個(gè)內(nèi)聯(lián)圖像的頁(yè)面,則瀏覽器必須與同一服務(wù)器建立6次TCP連接。

          客戶端可以與服務(wù)器協(xié)商并要求服務(wù)器在傳遞響應(yīng)后不關(guān)閉連接,以便可以通過(guò)同一連接發(fā)送另一個(gè)請(qǐng)求。這稱為持久連接(或保持連接)。持久連接極大地提高了網(wǎng)絡(luò)的效率。對(duì)于HTTP / 1.0,默認(rèn)連接是非持久性的。要請(qǐng)求持久連接,客戶端必須在請(qǐng)求消息中包含請(qǐng)求標(biāo)頭“Connection:Keep-alive”以與服務(wù)器協(xié)商。

          對(duì)于HTTP / 1.1,默認(rèn)連接是持久的。客戶端不必發(fā)送“Connection:Keep-alive”標(biāo)頭。相反,客戶端可能希望發(fā)送標(biāo)題“Connection:Close”以要求服務(wù)器在傳遞響應(yīng)后關(guān)閉連接。

          持久連接對(duì)于具有許多小內(nèi)聯(lián)圖像和其他相關(guān)數(shù)據(jù)的網(wǎng)頁(yè)非常有用,因?yàn)樗羞@些都可以使用相同的連接下載。

          持久連接的好處是:

          1. 在客戶端,代理,網(wǎng)關(guān)和源服務(wù)器中打開和關(guān)閉TCP連接時(shí)的CPU時(shí)間和資源節(jié)省。
          2. 請(qǐng)求可以“pipelined”。也就是說(shuō),客戶端可以在不等待每個(gè)響應(yīng)的情況下發(fā)出多個(gè)請(qǐng)求,從而更有效地使用網(wǎng)絡(luò)。
          3. 響應(yīng)更快,因?yàn)闆](méi)有時(shí)間執(zhí)行TCP的連接打開握手。

          KeepAlive指令決定是否支持持久連接。這取值為On或Off。

          KeepAlive On|Off
          

          MaxKeepAliveRequests指令設(shè)置可以通過(guò)持久連接發(fā)送的最大請(qǐng)求數(shù)。您可以設(shè)置為0以允許無(wú)限數(shù)量的請(qǐng)求。建議設(shè)置較高的數(shù)字以獲得更好的性能和網(wǎng)絡(luò)效率。

          MaxKeepAliveRequests 200
          

          KeepAliveTimeOut指令設(shè)置持久連接等待下一個(gè)請(qǐng)求的超時(shí)時(shí)間(以秒為單位)。

          KeepAliveTimeout 10
          

          本文版權(quán)歸是三僡然所有,轉(zhuǎn)載請(qǐng)標(biāo)明出處。歡迎轉(zhuǎn)載,歡迎評(píng)論,歡迎分享。如果你有文章想分享可以聯(lián)系我。

          標(biāo)

          1. 超鏈接標(biāo)簽的作用是什么?
          2. 頁(yè)面間如何進(jìn)行跳轉(zhuǎn)?
          3. 快速定位的錨鏈接的使用?

          超鏈接標(biāo)簽的作用

          網(wǎng)頁(yè)必定會(huì)存在跳轉(zhuǎn)不同網(wǎng)頁(yè)的功能,幾乎可以在所有的網(wǎng)頁(yè)中找到鏈接,點(diǎn)擊鏈接可以從一個(gè)網(wǎng)頁(yè)跳轉(zhuǎn)到另一個(gè)網(wǎng)頁(yè)。

          跳轉(zhuǎn)到百度

          超鏈接標(biāo)簽的語(yǔ)法

          1、標(biāo)簽

          <a />
          

          2、屬性

          Href:要跳轉(zhuǎn)到的地址

          Target:跳轉(zhuǎn)的網(wǎng)頁(yè)在哪個(gè)窗口打開

          Target常用的值有兩個(gè),_self表示在自身網(wǎng)頁(yè)中打開,_blank表示新打開一個(gè)窗口。默認(rèn)是_self。

          3、示例

          <a  target="_blank">我要跳轉(zhuǎn)到百度</a>
          

          錨鏈接

          超鏈接標(biāo)簽除了有跳轉(zhuǎn)網(wǎng)頁(yè)的功能以外,還有一個(gè)功能,就是書簽功能,經(jīng)常會(huì)用在小說(shuō)網(wǎng)站或者文檔網(wǎng)站。

          跳轉(zhuǎn)到書簽位置

          綜合運(yùn)用

          超鏈接標(biāo)簽本身是具有跳轉(zhuǎn)功能,再結(jié)合書簽功能,就能達(dá)到跳轉(zhuǎn)到其他頁(yè)面的書簽位置。用法都一樣,只不過(guò)書簽是定在其他網(wǎng)頁(yè),然后本頁(yè)面的超鏈接標(biāo)簽的href的值,是跳轉(zhuǎn)路徑+#+書簽標(biāo)簽。以下示例:

          1、在目標(biāo)網(wǎng)頁(yè)里定好書簽

          在目標(biāo)網(wǎng)頁(yè)里定好書簽

          2、本網(wǎng)頁(yè)的超鏈接標(biāo)簽對(duì)接好目標(biāo)地址以及目標(biāo)書簽.

          對(duì)接目標(biāo)地址以及目標(biāo)書簽

          跳轉(zhuǎn)到目標(biāo)網(wǎng)頁(yè)并定位到書簽位置


          總結(jié)

          超鏈接標(biāo)簽知識(shí)體系


          主站蜘蛛池模板: 日韩精品中文字幕无码一区 | 亚洲视频一区在线| 中文字幕精品一区二区| 中文字幕一区二区三区在线播放| 亚洲国产精品一区二区久久hs| 国产在线不卡一区| 国产99精品一区二区三区免费 | 伦理一区二区三区| 亚洲av无码一区二区三区观看| 日本精品一区二区在线播放| 乱人伦一区二区三区| 亚洲一区二区三区免费在线观看| 国产精品无码一区二区三级| 久久99久久无码毛片一区二区| 无码国产精品久久一区免费| 国产自产在线视频一区| 国产亚洲一区二区在线观看| 久久se精品一区精品二区国产 | 小泽玛丽无码视频一区| 国精产品一区一区三区MBA下载 | 搜日本一区二区三区免费高清视频| 精品国产一区二区三区在线观看| 日韩精品人妻一区二区中文八零| 一本大道在线无码一区| 一区二区在线播放视频| 久久精品一区二区三区日韩| 国产精品一区在线观看你懂的| 国产福利91精品一区二区三区| 日本精品一区二区三本中文 | 亚洲sm另类一区二区三区| 亚洲乱码一区二区三区在线观看| 国产一区二区三区不卡在线看| 日韩精品一区二区三区视频| 国产91一区二区在线播放不卡| 精品一区二区三区免费毛片| 麻豆一区二区三区蜜桃免费| 一区二区三区无码视频免费福利 | 3D动漫精品啪啪一区二区下载| 暖暖免费高清日本一区二区三区 | 亚洲无人区一区二区三区| 国产乱码精品一区二区三区麻豆 |