Web前端學習次日·fighting_標籤的子標籤

時間 2019-11-25

標籤 web 前端學習次日 fighting 標籤欄目 HTML 简体版

原文原文鏈接

<head></head>的子標籤html

　　<base/> 該文檔全部連接的默認地址或默認目標。使用相對路徑時特別有用（JavaWeb中用到）。前端

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

　　　　rel 規定文檔與被連接文檔之間的關係。android

　　　　　　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。fetch

　　<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>