Web前端學習第二天·fighting_標簽的子標簽


<head></head>的子標簽

  <base/> 該文檔所有鏈接的默認地址或默認目標。使用相對路徑時特別有用(JavaWeb中用到)。

  <link/> 引用外部文檔,常見於引用外部樣式。重要屬性有三個:rel、href、type。

    rel  規定文檔與被鏈接文檔之間的關系。

      rel=“dns-prefetch”  預先解析緩存文檔中使用的域名,目的是為了提高網頁訪問速度。使用場景:在一個網頁頻繁使用其他域名資源時。

      rel="shortcut icon"或rel="icon"  在收藏和標題欄上用於顯示的圖標。示例:<link rel="shortcut icon" href="images/tianmao.ico" type="image/x-icon"/>。注意:IE瀏覽器只支持ico格式,為了兼容IE,圖片文件采用ico格式。

      rel="stylesheet"  引用外部樣式表。

      rel="nofollow"  用於指示搜索引擎不要追蹤(爬蟲抓取),減少垃圾鏈接。用於<a>標簽,使用場景:網頁不被信任或是不希望唄搜索引擎錄入的網站。

    href  資源的路徑(相對路徑/絕對路徑)。

    type  規定被連接文檔的MIME類型(介紹如下),用於明確文件的打開方式。例如:.ico文件  image/x-icon。

  <meta/> 定義關於HTML文檔的元數據。 重要的屬性有三個:http-equiv、name、content

    http-equiv  把content屬性值關聯到http頭部,常見的屬性值有:Content-Type(瀏覽器接受的文檔類型,一般是text/html,例如: <meta http-equiv="Content-Type" content="text/html ;charset=gb2312"/> ),expires(設定網頁到期時間,一旦過期,必須到服務器上重傳,例如: <meta http-equiv="expires" content="31 Dec 2015"/> ),refresh(網頁刷新,以秒為單位,例如: <mata http-equiv="refresh" content="2"/> )。

    name  把content屬性關聯到一個名稱。常見的屬性值有:keywords(搜索關鍵字,用於搜索引擎抓取信息的顯示),description(搜索到網站后顯示的網頁內容簡描述),generator(站點制作者),Robots(與瀏覽器檢索相關的設置,網頁設計中幾乎不用)。name也可以根據特定的功能自定義,在新浪網中有使用360認證和搜狐認證。例如: <meta name="360-site-verification" content="63349**********"/>

    content  定義與http-equiv或name屬性相關的元信息,是必要的屬性。

 

什么是爬蟲

   爬蟲與搜索引擎相關,搜素引擎按照一定的規則,定向抓取相關網頁資源。網絡爬蟲是一個自動提取網頁的程序,它為搜索引擎從萬維網上下載網頁,是搜索引擎 的重要組成。傳統爬蟲從一個或若干初始網頁的URL開始,獲得初始網頁上的URL,在抓取網頁的過程中,不斷從當前頁面上抽取新的URL放入隊列,直到滿 足系統的一定停止條件。

  html中的<a>標簽的rel屬性可以設定一個鏈接是否能被搜索引擎追蹤(抓取),當設置rel=“nofollow”時,該鏈接不能被搜索引擎追蹤,可以減少垃圾鏈接的的產生。

  搜索引擎抓取數據進行顯示時,會顯示html中head部分的title的信息。   

 

什么是MIME

  Multipurpose Internet Mail Extension  多用途互聯網郵件擴展類型,用於明確文件的打開方式。不比死記,查文檔即可。

 

 

示例代碼段1

1 <!DOCTYPE html>
2 <html>
3     <head>
4       <title>我的第一個網頁</title>
5       <link rel="shortcut icon" href="images/tianmao.ico" type="image/x-icon"/>
6     </head>
7 </html>

  出現以下問題時如何解決

使用記事本編寫的網頁亂碼如何解決(示例代碼段1)

  可能是記事本保存時使用不是UTF-8這種通用的編碼方式,可以在另存為時修改保存的類型為UTF-8。默認的保存格式是ANSI。

IE瀏覽器不能顯示網頁圖標如何解決(示例代碼段1)

  並不是代碼的問題,而是IE瀏覽器訪問時路徑的問題,使用IE瀏覽器直接打開時路徑為C:\Users\Candy\Desktop\前端學習\HTML\myhtml.html,含有中文字符等,並不是使用傳統URL的形式進行訪問。

  解決辦法:正常網頁設計后都會部署到服務器上運行,IE瀏覽器的網頁圖標顯示也可以按照同樣的方式操作。使用VS打開html文件,在VS中的瀏覽器中進行顯示時會自動部署到服務器上,路徑變為URL的標准形式,而后使用IE瀏覽器訪問該URL地址,即可正常顯示網頁圖標。

 

 

不使用<link>標簽顯示網頁圖標(在IE瀏覽器中)

使用IaaS服務器部署的項目,只要將網頁圖標的ico文件放在根目錄下,不需要編寫<link>代碼就可以顯示該圖標,這種方法只適用於IE瀏覽器(因為微軟將IE瀏覽器與服務器做了綁定),其他的瀏覽器沒有這種功能。

 

打開一個網址並不是只進行了一次請求

 

示例代碼段2

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4     <title>我的第一個網頁</title>
 5     <link rel="shortcut icon" href="images/tianmao.ico" type="image/x-icon"/>
 6     <meta http-equiv="Content-Type" content="text/html;charset=gb2312"/>
 7     <meta name="keywords" content="Java開發,安卓開發,Android,android,java"/>
 8     <meta name="description" content="該網站是我前端開發學習所做的第一個網站,主要涉及網頁類型定義,頭部子標簽的使用兩方面內容。"/>
 9     <meta http-equiv="expires" content="31 Dec 2016"/>
10     <meta http-equiv="refresh" content="3"/>
11     </head>
12 </html>

 

<body></body>標簽

  用來顯示在瀏覽器的空白部分。

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM