1. 程式人生 > >HTML基礎(三)---超連結標籤

HTML基礎(三)---超連結標籤

一、超連結的常見屬性

1、超連結的語法格式

1.1、href屬性可以指定連線的地址,可以是本地地址、也可以是錨記標記、也可以是網路地址(網路地址需要新增http/https://)

1.2、target屬性為目標值,可以設定點選超連結之後網頁開啟的方式

        著重介紹一下target屬性引數:

        target屬性有四個引數值,分別如下:

        第一、_blank:表示點選超連結後在一個新的頁面視窗開啟網址

        第二、_self:表示點選超連結後在當前視窗開啟(預設模式)

        第三、_parent:表示點選超連結後在父視窗中開啟(跟框架有關)

        第四、_top:在當前瀏覽器中開啟,而框架會消失(跟框架有關)

1.3、title屬性為提示文字,即在滑鼠放在超連結上時出現的提示資訊

<!DOCTYPE html>
<html>
<head>
	<title>超級連結標籤與屬性</title>
</head>
<body>
	<a href="http://www.baidu.com">百度一下,你就知道</a><br/>
	<div>百度一下,你就知道</div>
	<a href="https://www.csdn.net/" target="_blank">CSDN</a><br/>
	<a href="https://www.csdn.net/" target="_blank" title="csdn開發程式設計師論壇">CSDN
	</a>
</body>
</html>

二、錨記連結的用法 

1、錨記連結的概念

錨記連結是可以將很長的頁面劃分為多個模組,給每個模組做一個標記記號,然後點選頁面中對應的錨記標記就能夠自動跳轉到對應的模組上(在同一個網頁頁面中)

2、錨記連結的應用

第一、錨記連結可以應用於返回頁面頂層,通過點選某個錨記標誌後可以快速回到頁面頂層,是大多數頁面都在使用的一種方法,這種方式就是在href屬性引數中給一個空連結‘#’

<!DOCTYPE html>
<html>
<head>
	<title>超級連結標籤與屬性</title>
</head>
<body>
	<a href="#">回到頂層</a>
</body>
</html>

第二、錨記連結給頁面指定幾個標記,通過點選標記來跳轉到指定模組位置

首先需要找到頁面某個模組,新增一個錨記標記,可以自定義錨記標記名稱

可以在標題處設定一個錨記標記,取的錨記名稱是key

<a name="key">頁面某個模組的某個頁面要素</a>

然後設定一個超連結標籤,用來對映到錨記標記,點選此超連結標籤則可以跳轉到設定錨記標記的模組部分,#key則是對映之前定義的錨記標記

<a href="# key">到錨記位置</a>

<!DOCTYPE html>
<html>
<head>
	<title>錨記連結的使用</title>
</head>
<body>
	<!-- 錨記對映,href屬性指定對應的錨記標記 -->
	<a href="#key1">發展歷史</a>
	<a href="#key2">主要工作</a>
	<a href="#key3">成員機構</a>
	<a href="#key4">總體發展</a>
	<a href="#key5">主要貢獻</a>
	<hr/>
	<!-- 錨記標記 -->
	<h2><a name="key1"></a>發展歷史</h2>
	<p>全球資訊網(World Wide Web)是作為歐洲核子研究組織的一個專案發展起來的,在那裡 Tim Berners-Lee 開發出全球資訊網的雛形。Tim Berners-Lee- 全球資訊網的發明人和全球資訊網聯盟的主任。</p>
	<p>全球資訊網聯盟,又稱W3C理事會。1994年10月在麻省理工學院電腦科學實驗室成立。建立者是全球資訊網的發明者蒂姆·伯納斯·李。</p>
	<p>全球資訊網聯盟是國際最著名的標準化組織。1994年成立後,至今已釋出近百項相關全球資訊網的標準,對全球資訊網發展做出了傑出的貢獻。全球資訊網聯盟擁有來自全世界40個國家的400多個會員組織,已在全世界16個地區設立了辦事處。2006年4月28日,全球資訊網聯盟在中國內地設立首個辦事處。</p>
	<p>W3C 在 1994 年被建立的目的是,為了完成麻省理工學院(MIT)與歐洲粒子物理研究所(CERN)之間的協同工作,並得到了美國國防部高階研究計劃局(DARPA)和歐洲委員會(European Commission)的支援。</p>
	<p>W3C 致力於實現所有的使用者都能夠對 web 加以利用(不論其文化教育背景、能力、財力以及其身體殘疾)。</p>
	<p>W3C 同時與其他標準化組織協同工作,比如 Internet 工程工作小組(Internet Engineering Task Force)、無線應用協議(WAP)以及 Unicode 聯盟(Unicode Consortium)。</p>
	<p>W3C 由美國麻省理工學院電腦科學和人工智慧實驗室 (MIT CSAIL),總部位於法國的歐洲資訊數學研究聯盟(ERCIM) 和日本的慶應大學(Keio University)聯合運作,並且在世界範圍內擁有分支辦事處。</p>
	<hr/>
	<h2><a name="key2"></a>主要工作</h2>
	<p>每項 W3C 推薦的發展是通過由會員和受邀專家組成的工作組來完成的。工作組的經費來自公司和其他組織,並會建立一個工作草案,最後是一份提議推薦。一般來說,為了獲得正式的批准,推薦都會被提交給 W3C 會員和主任。</p>
	<hr/>
	<h2><a name="key3"></a>成員機構</h2>
	<p>全球資訊網聯盟由Web的發明者 Tim Berners-Lee及W3C的執行長 Jeffrey Jaffe領導,由設立在美國麻省理工大學(MIT)、歐洲數學與資訊學研究聯盟(ERCIM)、日本慶應大學(Keio University)和中國北京航空航天大學的四個全球總部(W3C Hosts)的全球團隊聯合運營。</p>
	<hr/>
	<h2><a name="key4"></a>總體發展</h2>
	<p>1994年10月,蒂姆·伯納斯-李創立了全球資訊網聯盟(W3C)在麻省理工學院電腦科學實驗室MIT / LCS]合作,與歐洲核子研究中心,其中Web),DARPA和歐盟委員會的支援。</p>
	<p>1995年4月,INRIA成為第一個歐洲W3C主機。</p>
	<p>1996年,日本慶應義塾大學(湘南藤澤校區)成為第二個主機。ERCIM(歐洲資訊學與數學研究聯合會)</p>
	<p>2003年,ERCIM(歐洲資訊學與數學研究聯合會)從INRIA接管歐洲W3C。</p> 
	<p>2011年1月11日 ,騰訊公司簽約加入全球資訊網聯盟,雙方達成戰略合作關係,將共同參與包括web App、HTML5等新網際網路技術標準的研究和制定,推動中國網際網路產業快速發展。</p>
	<p>2011年9月15日訊息,百度(納斯達克證券程式碼:BIDU)已經加入全球資訊網聯盟(W3C)。
	百度在加入全球資訊網聯盟之後,將能夠與全球500家IT和網際網路企業聯手,共同研究和制定網際網路開放平臺及無線網際網路技術等相關的國際網際網路網路標準。</p>
	<p>2013年1月21日,W3C宣佈將北京航空航天大學(BUAA)加入其主機構列表中,使其成為全球第四所具備該機構主機資格的高校以及近15年來的首個全新加入的主要機構。北航成為繼麻省理工學院、法國INRIA、日本慶應義塾大學之後的第四所高校主機機構。</p>
	<p>由於W3C一直以來致力於網際網路規範的推廣,特別HTML5標準的推廣,被著名IT雜誌SD Times評選為2013 SD Times 100,位於“極大影響力”分類第十位。</p>
	<hr/>
	<h2><a name="key5"></a>主要貢獻</h2>
	<p>W3C為解決 Web 應用中不同平臺、技術和開發者帶來的不相容問題,保障 Web 資訊的順利和完整流通,全球資訊網聯盟制定了一系列標準並督促 Web 應用開發者和內容提供者遵循這些標準。標準的內容包括使用語言的規範,開發中使用的導則和解釋引擎的行為等等。</p>
</body>
</html>