<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>標簽
用來顯示在瀏覽器的空白部分。