# What are hyperlinks?

###### tags: `Internet`

ref: https://developer.mozilla.org/en-US/docs/Learn/Common_questions/What_are_hyperlinks

## Summary

> Hyperlinks allow us to link documents to other documents or resources, link to specific parts of documents, or make apps available at a web address. Almost any web content can be converted to a link so that when clicked or otherwise activated the web browser goes to another web address (URL).

Hyperlinks 通常被稱為 links 是 web 的基礎概念。想要解釋其概念則必須回到 web 的基礎架構開始解釋。

在 1989 , Tim Berners-Lee, the Web's inventor, 提出了三個 web 基礎的標竿：

1. URL 代表網址類似地址，可以由此到達 document
2. HTTP 當給於網址後用來尋找 document 的一種網路協定
3. HTML 是一種 document 的形式可以嵌入 Hyperlinks 在其中使用

從上面三個基礎可以發現基本上都圍繞著如何取得 doucument 的資料，畢竟 web 最初的目的就是要讓這些 document 是容易取得以及閱讀的。不過發展至今， document 也包含了各種不同的圖片、影音、binay data 等。

在 web 之前的時代，是比較難去取得 doucment 的內容更不要說是從其一個轉導到另一個。雖然 URLs 已經相對好閱讀了，但是要人們記得 URLs 並且輸入搜尋欄也相當困難。因此 hyperlinks 就是革命性的工具！**他可以把任意字串跟 URLs 串連起來，如此一來使用者只要啟動這個 hyperlinks 就可以直接到達想接觸的 doucment 摟！**


## Deeper Dive

### Types of links

* Internal link
在兩的網頁之間的 link ，但重點是他們都來自同一個 website ，就稱為 internal link。

* External link
由你的網頁中聯往其他人的 website 的 link，基本上整個 web 就是由 external link 組成。

* Incoming link
跟上面相反，是他人的網頁中的 link 聯往自己的 website

### Anchors

link 連結的是兩個網頁，anchors 連結的是兩個部分內容在單一個 document 內。一般來說當你使用 anchor 的時候網頁會直接跳往該區塊而不是重新 loading 該網頁。它的使用方式跟 link 一樣。


### Links and Search Engines

links 對網頁以及搜尋引擎都相當重要，每當搜尋引擎在爬網頁的時候，它們會對每個網頁可用的 links 做索引。搜尋引擎做的事情不僅僅是使用 links 去發現不同網頁的頁面，它們甚至利用 links 相關的字串來判斷到達的網頁是否符合填入搜尋欄的內容。

以下是會影響搜尋引擎結果的因素：

1. links 相關的字串會影響哪一種 search queres 會找到哪一種 URL
2. 有更多的 incoming link ，也就代表你的網站被很多他人放在他們網站當作往外的連結
3. external link 影響兩方的頁面的結果，但結果不清楚是影響多少

# Creating hyperlinks

ref: https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks

to be contine..