Create Link: Difference between revisions
Jump to navigation
Jump to search
m (Planetoid moved page Make Link to Create Link) |
No edit summary |
||
Line 1: | Line 1: | ||
瀏覽器擴充套件 | 瀏覽器擴充套件 [https://chrome.google.com/extensions/detail/gcmghdmnkfdbncmnmlkkglmnnhagajbm Create Link] for {{Chrome}} 提供便利的方式,可以快速方便擷取網頁標題、網址及選取的段落文字等資訊到系統剪貼簿。 | ||
例如:寫Blog要加入外部網頁的連結時,在網頁按右鍵點選 | 例如:寫Blog要加入外部網頁的連結時,在網頁按右鍵點選 Create Link 選單,除了擷取網頁標題及網址,並會自動加入事先自訂好的開新視窗等語法至剪貼簿。優點是少打很多字! | ||
{{Right| hedding=版本資訊 | text= | {{Right| hedding=版本資訊 | text= | ||
* [https:// | * [https://chrome.google.com/webstore/detail/create-link/gcmghdmnkfdbncmnmlkkglmnnhagajbm Create Link 0.4.1] | ||
* [[Comparison of Firefox extensions: CopyURL, CoLT, MakeLink|類似的套件比較]]}} | * [[Comparison of Firefox extensions: CopyURL, CoLT, MakeLink|類似的套件比較]]}} | ||
== 使用情境 == | == 使用情境 == | ||
在以下三種情境,右鍵點選 | 在以下三種情境,右鍵點選 Create Link 選單: | ||
* 鏈結(link):在超鏈結上方,按右鍵點選 | * 鏈結(link):在超鏈結上方,按右鍵點選 Create Link 選單 | ||
* 選取文字(selection):選取某段文字後,在選取的文字上按右鍵點選 | * 選取文字(selection):選取某段文字後,在選取的文字上按右鍵點選 Create Link 選單 | ||
* 頁面(page):在上述兩種地方外,網頁的其他任何地方按右鍵點選 | * 頁面(page):在上述兩種地方外,網頁的其他任何地方按右鍵點選 Create Link 選單 | ||
== 變數說明 == | == 變數說明 == | ||
Line 22: | Line 20: | ||
* 頁面的情境:網頁的'''標題''' (通常顯示在瀏覽器最上方的標題列: title)。如果網頁是採用頁框結構(frame),將只會取最上層的標題資訊。 | * 頁面的情境:網頁的'''標題''' (通常顯示在瀏覽器最上方的標題列: title)。如果網頁是採用頁框結構(frame),將只會取最上層的標題資訊。 | ||
%htmlEscapedText% | |||
* 編碼網頁 & < > ' " 五種特殊字元。 (1) & → &amp; (2) < → &lt; (3) > → &gt; (4) ' → &apos; (5) " → &quot; | |||
* 語法支援: {{exclaim}} [https://addons.mozilla.org/en-US/firefox/addon/make-link/ Make Link] for {{Fx}} '''沒有'''支援該語法,輸入 %text% 但是選項需要勾選「視為 HTML 元素」,則可處理(& < > " 四種字元) 。 [https://chrome.google.com/extensions/detail/gcmghdmnkfdbncmnmlkkglmnnhagajbm Create Link] for {{Chrome}} '''有'''支援該變數語法。 | |||
% | %text_md% | ||
* | * 鏈結的情境: | ||
* 選取文字的情境: | * 選取文字的情境: | ||
* | * 頁面的情境: | ||
%url% | %url% | ||
Line 32: | Line 33: | ||
* 選取文字或頁面的情境:目前瀏覽網頁的網址 | * 選取文字或頁面的情境:目前瀏覽網頁的網址 | ||
== Create Link Formats == | |||
=== Plain Text syntax === | |||
<pre> | <pre> | ||
(default settings | (default settings) %text% %url% | ||
</pre> | </pre> | ||
=== HTML syntax === | === HTML syntax === | ||
<pre> | <pre> | ||
(default settings) <a href="%url%">%text%</a> | (default settings) <a href="%url%">%text%</a> | ||
Line 73: | Line 52: | ||
<pre> | <pre> | ||
(default settings) <a href="%url%">%htmlEscapedText%</a> | (default settings) <a href="%url%">%htmlEscapedText%</a> | ||
(open link in the new window or tab) <a href="%url%" title="% | (open link in the new window or tab) <a href="%url%" title="%htmlEscapedText%" target="_blank" rel="nofollow noopener">%htmlEscapedText%</a> | ||
(open link in the same window or tab) <a href="%url%" title="% | (open link in the same window or tab) <a href="%url%" title="%htmlEscapedText%" rel="nofollow">%htmlEscapedText%</a> | ||
</pre> | </pre> | ||
Line 86: | Line 65: | ||
* MarkDown links[http://markdown.tw/]: | * MarkDown links[http://markdown.tw/]: | ||
<pre> | <pre> | ||
[% | (default settings) [%text_md%](%url%) | ||
</pre> | |||
=== MarkDown Image syntax === | |||
<pre> | |||
![%text_md%](%url% "%text_md%") | |||
語法說明: | |||
![圖片替代文字](圖片連結 "滑鼠游標移到圖上才會出現的提示文字") | |||
<pre> | |||
</pre> | </pre> | ||
=== Forum syntax === | === Forum syntax === |
Revision as of 12:38, 1 August 2020
瀏覽器擴充套件 Create Link for Chrome 提供便利的方式,可以快速方便擷取網頁標題、網址及選取的段落文字等資訊到系統剪貼簿。
例如:寫Blog要加入外部網頁的連結時,在網頁按右鍵點選 Create Link 選單,除了擷取網頁標題及網址,並會自動加入事先自訂好的開新視窗等語法至剪貼簿。優點是少打很多字!
使用情境
在以下三種情境,右鍵點選 Create Link 選單:
- 鏈結(link):在超鏈結上方,按右鍵點選 Create Link 選單
- 選取文字(selection):選取某段文字後,在選取的文字上按右鍵點選 Create Link 選單
- 頁面(page):在上述兩種地方外,網頁的其他任何地方按右鍵點選 Create Link 選單
變數說明
%text%
- 鏈結的情境:鏈結的文字
- 選取文字的情境:選取的文字
- 頁面的情境:網頁的標題 (通常顯示在瀏覽器最上方的標題列: title)。如果網頁是採用頁框結構(frame),將只會取最上層的標題資訊。
%htmlEscapedText%
- 編碼網頁 & < > ' " 五種特殊字元。 (1) & → & (2) < → < (3) > → > (4) ' → ' (5) " → "
- 語法支援: Make Link for Firefox 沒有支援該語法,輸入 %text% 但是選項需要勾選「視為 HTML 元素」,則可處理(& < > " 四種字元) 。 Create Link for Chrome 有支援該變數語法。
%text_md%
- 鏈結的情境:
- 選取文字的情境:
- 頁面的情境:
%url%
- 鏈結的情境:鏈結的網址
- 選取文字或頁面的情境:目前瀏覽網頁的網址
Create Link Formats
Plain Text syntax
(default settings) %text% %url%
HTML syntax
(default settings) <a href="%url%">%text%</a> (open link in the new window or tab) <a href="%url%" title="%text%" target="_blank" rel="nofollow noopener">%text%</a> (open link in the same window or tab) <a href="%url%" title="%text%" rel="nofollow">%text%</a>
- Create Link for Chrome :
(default settings) <a href="%url%">%htmlEscapedText%</a> (open link in the new window or tab) <a href="%url%" title="%htmlEscapedText%" target="_blank" rel="nofollow noopener">%htmlEscapedText%</a> (open link in the same window or tab) <a href="%url%" title="%htmlEscapedText%" rel="nofollow">%htmlEscapedText%</a>
參考資料:
- (掘竅) 為什麼要使用 rel="noreferrer",談 target="_blank" 的安全性風險 ~ PJCHENder
那些沒告訴你的小細節 [Last visited: 2020-05-26] - HTML (Use HTML Entities) (HTML 4.01, XHTML 1.0 transitional):
- XHTML 1.0 strict [1]
- Opens External Anchors Using rel="noopener" | Tools for Web Developers | Google Developers [Last visited: 2018-08-21]
MarkDown syntax
- MarkDown links[2]:
(default settings) [%text_md%](%url%)
MarkDown Image syntax
![%text_md%](%url% "%text_md%") 語法說明: ![圖片替代文字](圖片連結 "滑鼠游標移到圖上才會出現的提示文字") <pre>
Forum syntax
- Forum Code (BBCode guide):
[url=%url%]%text%[/url]
Wiki syntax
- Wiki Syntax of Wikipedia or mediawiki sites(Manual):
[%url% %text%]
- DokuWiki Wiki Syntax (Creole 0.6 compatible):
[[%url% | %text%]]
- TiddlyWiki Wiki Syntax:
[[%text%|%url%]]
APA style alike syntax
- APA style v.5 alike (Citation format):
Author (Year). %text%. Retrieved LOCAL_TIME, from %url%
- APA style v.6 alike (Citation format):
- with published date --
Author (Year). %text%. Retrieved from %url%
- without published date --
Author (n.d.). %text%. Retrieved from %url%
- with published date --
Excel link syntax
- 在 Google 試算表 (HYPERLINK) 或 Microsoft Excel 的儲存格內建立超連結 (HYPERLINK 函數):
// show text =HYPERLINK("%url%", "%text%") // show text & url =HYPERLINK("%url%", "%text% %url%")
other syntax
notes
- 文章內容部份翻譯自MakeLink內建的說明文件。
- Make Link 3.0.2與Menu Editor 1.2.3.3有相容問題。
- Comparison of Firefox extensions: CopyURL, CoLT, MakeLink(英) - 其他同類型擴充套件的比較
類似方案
- Web Development Bookmarklets - make links "Creates the HTML code to link to the current page."
相關資料
- Chieftain (2009). Reflection » Firefox 附加元件 Make Link 語法的備存
- Daring Fireball: Markdown [Last visited: 2018-06-21]