Make Link: Difference between revisions
		
		
		
		
		
		Jump to navigation
		Jump to search
		
				
		
		
	
|  (Planetoid moved page Make Link to Create Link) Tag: New redirect | m (Removed redirect to Create Link) Tag: Removed redirect | ||
| Line 1: | Line 1: | ||
| # | {{Archived page | reason=因為 {{Fx}} 擴充套件 Make Link 已經不存在,建議改用 {{Chrome}} 擴充套件 [[Create Link]]。}} | ||
| 瀏覽器擴充套件 [https://addons.mozilla.org/en-US/firefox/addon/make-link/ Make Link] for {{Fx}} 或 [https://chrome.google.com/extensions/detail/gcmghdmnkfdbncmnmlkkglmnnhagajbm Create Link] for {{Chrome}} 提供便利的方式,可以快速方便擷取網頁標題、網址及選取的段落文字等資訊到系統剪貼簿。 | |||
| 例如:寫Blog要加入外部網頁的連結時,在網頁按右鍵點選 MakeLink 選單,除了擷取網頁標題及網址,並會自動加入事先自訂好的開新視窗等語法至剪貼簿。優點是少打很多字! | |||
| {{Right| hedding=版本資訊 | text= | |||
| * [https://addons.mozilla.org/en-US/firefox/addon/142 Make Link 11.03.1] | |||
| ** [http://nelson.pixnet.net/blog/post/25278866 中文化](Thanks, Nelson!) | |||
| * [[MozillaFirefox|Firefox]]/44.0.2 | |||
| * [[Comparison of Firefox extensions: CopyURL, CoLT, MakeLink|類似的套件比較]]}} | |||
| == 使用情境 == | |||
| 在以下三種情境,右鍵點選 MakeLink 選單: | |||
| * 鏈結(link):在超鏈結上方,按右鍵點選 MakeLink 選單 | |||
| * 選取文字(selection):選取某段文字後,在選取的文字上按右鍵點選 MakeLink 選單 | |||
| * 頁面(page):在上述兩種地方外,網頁的其他任何地方按右鍵點選 MakeLink 選單 | |||
| == 變數說明 == | |||
| %text% | |||
| * 鏈結的情境:鏈結的文字 | |||
| * 選取文字的情境:選取的文字 | |||
| * 頁面的情境:網頁的'''標題''' (通常顯示在瀏覽器最上方的標題列: title)。如果網頁是採用頁框結構(frame),將只會取最上層的標題資訊。 | |||
| %text_n%, %text_br% | |||
| * 鏈結的情境:鏈結的文字。 同%text% | |||
| * 選取文字的情境:%text_br% 選取的文字中若有換行符號,則會插入<nowiki><br /></nowiki>符號。  (實際測試時XP, %text_n%並未插入\n) | |||
| * 頁面的情境:網頁的'''標題'''。 同%text% | |||
| %url% | |||
| * 鏈結的情境:鏈結的網址 | |||
| * 選取文字或頁面的情境:目前瀏覽網頁的網址 | |||
| %title% | |||
| * 鏈結的情境:鏈結的提示語。當滑鼠移動到鏈結上方不動時,會顯示的提示語(tool-tip text)。 | |||
| * 選取文字的情境:目前瀏覽網頁的'''標題''' | |||
| * 頁面的情境:網頁資訊的描述欄位。網頁標頭的 <META HTTP-EQUIV="Description" CONTENT="描述文字">,不過測試時,無法順利顯示。 | |||
| %input% | |||
| * 跳出輸入對話框,手動輸入文字 | |||
| %imgurl% | |||
| * 如果你在圖片上方按右鍵,該變數會擷取該圖片的網址。 | |||
| %tinyurl% ''(實驗性功能)''  | |||
| * 透過[http://durl.us/ durl.us]或 TinyURL 的縮短網址服務。由於是實驗性功能,所以複製到剪貼本時可能會失敗。建議相隔一秒鐘,來產生網頁的縮短網址。 | |||
| * 語法支援: {{exclaim}} [https://addons.mozilla.org/en-US/firefox/addon/make-link/ Make Link] for {{Fx}} '''有'''支援該語法,但是 [https://chrome.google.com/extensions/detail/gcmghdmnkfdbncmnmlkkglmnnhagajbm Create Link] for {{Chrome}} '''沒有'''支援 | |||
| %newline% | |||
| * 換行符號 (\n) | |||
| * 語法支援: {{exclaim}} [https://addons.mozilla.org/en-US/firefox/addon/make-link/ Make Link] for {{Fx}} '''沒有'''支援該語法,但是 [https://chrome.google.com/extensions/detail/gcmghdmnkfdbncmnmlkkglmnnhagajbm Create Link] for {{Chrome}} '''有'''支援 | |||
| %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}} '''有'''支援該變數語法。 | |||
| == Make Link Options / Create Link Formats == | |||
| === Plain Text syntax === | |||
| <pre> | |||
|  (default settings) %text% <%url%> | |||
|  (my modification) %text% %url% | |||
| </pre> | |||
| === HTML syntax === | |||
| * [https://addons.mozilla.org/en-US/firefox/addon/make-link/ Make Link] for {{Fx}}: 選項需要勾選「視為 HTML 元素」 | |||
| <pre> | |||
|  (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> | |||
| </pre>  | |||
| * [https://chrome.google.com/extensions/detail/gcmghdmnkfdbncmnmlkkglmnnhagajbm Create Link] for {{Chrome}}:  | |||
| <pre> | |||
|  (default settings) <a href="%url%">%htmlEscapedText%</a> | |||
|  (open link in the new window or tab)   <a href="%url%" title="%text%" target="_blank" rel="nofollow noopener">%htmlEscapedText%</a> | |||
|  (open link in the same window or tab)  <a href="%url%" title="%text%" rel="nofollow">%htmlEscapedText%</a> | |||
| </pre> | |||
| 參考資料:  | |||
| * [https://pjchender.blogspot.com/2020/05/relnoreferrer-targetblank.html?fbclid=IwAR2lZxBq9kIpCJU4ErMLnn0tpaF5QdlgE1FGr4afP1BUQRVk3dPCAUYd1v8 (掘竅) 為什麼要使用 rel="noreferrer",談 target="_blank" 的安全性風險 ~ PJCHENder<br>那些沒告訴你的小細節] {{access | date=2020-05-26}} | |||
| * HTML (Use HTML Entities)  ([http://www.w3.org/TR/html401/struct/links.html HTML 4.01], XHTML 1.0 transitional):  | |||
| * [http://www.w3.org/TR/xhtml1/ XHTML 1.0] strict [http://www.sitepoint.com/article/standards-compliant-world] | |||
| * [https://developers.google.com/web/tools/lighthouse/audits/noopener?hl=en-US Opens External Anchors Using rel="noopener"  |  Tools for Web Developers  |  Google Developers] {{access | date=2018-08-21}} | |||
| === MarkDown syntax === | |||
| * MarkDown links[http://markdown.tw/]:  | |||
| <pre> | |||
| [%text%](%url%) | |||
| </pre> | |||
| === Forum syntax === | |||
| * Forum Code ([http://www.phpbb.com/community/faq.php?mode=bbcode#f40 BBCode guide]):  | |||
| <pre> | |||
| [url=%url%]%text%[/url] | |||
| </pre> | |||
| === Wiki syntax === | |||
| * Wiki Syntax of Wikipedia or mediawiki sites([http://en.wikipedia.org/wiki/Wikipedia:Manual_of_Style_%28links%29#External_links Manual]): <pre>[%url% %text%]</pre> | |||
| * [[DokuWiki]] Wiki Syntax ([http://www.wikicreole.org/wiki/Creole0.6#section-Creole0.6-LinksInternalAndExternal Creole 0.6 compatible]): <pre>[[%url% | %text%]]</pre> | |||
| * [http://web.nlhs.tyc.edu.tw/~lss/wiki/TiddlyWikiTutorialTW.html TiddlyWiki] Wiki Syntax: <pre>[[%text%|%url%]]</pre> | |||
| === APA style alike syntax === | |||
| * APA style v.5 alike ([[Citation format]]): <pre>Author (Year). %text%. Retrieved LOCAL_TIME, from %url%</pre> | |||
| * APA style v.6 alike ([[Citation format]]):  | |||
| ** with published date -- <pre>Author (Year). %text%. Retrieved from %url%</pre> | |||
| ** without published date --<pre>Author (n.d.). %text%. Retrieved from %url%</pre> | |||
| === Excel link syntax === | |||
| * 在 [https://www.google.com.tw/intl/zh-TW/sheets/about/ Google 試算表] ([https://support.google.com/docs/answer/3093313?hl=zh-Hant&rd=1 HYPERLINK]) 或 Microsoft Excel 的儲存格內建立超連結 ([https://support.office.com/zh-tw/article/HYPERLINK-%E5%87%BD%E6%95%B8-333c7ce6-c5ae-4164-9c47-7de9b76f577f HYPERLINK 函數]):  | |||
| <pre> | |||
| // show text | |||
| =HYPERLINK("%url%",  "%text%") | |||
| // show text & url | |||
| =HYPERLINK("%url%", "%text% %url%") | |||
| </pre> | |||
| === other syntax === | |||
| * [http://www.plurk.com/ Plurk][http://s8726319.pixnet.net/blog/post/18592491 語法]: <pre>%url% (%text%)</pre> | |||
| notes | |||
| * 文章內容部份翻譯自MakeLink內建的說明文件。 | |||
| * Make Link 3.0.2與[http://menueditor.mozdev.org/ Menu Editor 1.2.3.3]有相容問題。 | |||
| * [[Comparison of Firefox extensions: CopyURL, CoLT, MakeLink]](英) - 其他同類型擴充套件的比較 | |||
| == 類似方案 == | |||
| * [https://www.squarefree.com/bookmarklets/webdevel.html#make_link Web Development Bookmarklets - make links] "Creates the HTML code to link to the current page." | |||
| 相關資料 | |||
| * Chieftain (2009). [http://www.chieftain.idv.tw/archives/2009/02/14/1571.html Reflection » Firefox 附加元件 Make Link 語法的備存] | |||
| * [http://daringfireball.net/projects/markdown/ Daring Fireball: Markdown] {{access | date=2018-06-21}} | |||
| [[Category:Mozilla]]  | |||
| [[Category:Chrome]] | |||
| [[Category:Wiki]] | |||
| [[Category:Citation_format]] | |||
| [[Category:Tool]] | |||
Latest revision as of 14:38, 1 August 2020
瀏覽器擴充套件 Make Link for Firefox  或 Create Link for Chrome
  或 Create Link for Chrome  提供便利的方式,可以快速方便擷取網頁標題、網址及選取的段落文字等資訊到系統剪貼簿。
  提供便利的方式,可以快速方便擷取網頁標題、網址及選取的段落文字等資訊到系統剪貼簿。
例如:寫Blog要加入外部網頁的連結時,在網頁按右鍵點選 MakeLink 選單,除了擷取網頁標題及網址,並會自動加入事先自訂好的開新視窗等語法至剪貼簿。優點是少打很多字!
| 
 | 
使用情境[edit]
在以下三種情境,右鍵點選 MakeLink 選單:
- 鏈結(link):在超鏈結上方,按右鍵點選 MakeLink 選單
- 選取文字(selection):選取某段文字後,在選取的文字上按右鍵點選 MakeLink 選單
- 頁面(page):在上述兩種地方外,網頁的其他任何地方按右鍵點選 MakeLink 選單
變數說明[edit]
%text%
- 鏈結的情境:鏈結的文字
- 選取文字的情境:選取的文字
- 頁面的情境:網頁的標題 (通常顯示在瀏覽器最上方的標題列: title)。如果網頁是採用頁框結構(frame),將只會取最上層的標題資訊。
%text_n%, %text_br%
- 鏈結的情境:鏈結的文字。 同%text%
- 選取文字的情境:%text_br% 選取的文字中若有換行符號,則會插入<br />符號。 (實際測試時XP, %text_n%並未插入\n)
- 頁面的情境:網頁的標題。 同%text%
%url%
- 鏈結的情境:鏈結的網址
- 選取文字或頁面的情境:目前瀏覽網頁的網址
%title%
- 鏈結的情境:鏈結的提示語。當滑鼠移動到鏈結上方不動時,會顯示的提示語(tool-tip text)。
- 選取文字的情境:目前瀏覽網頁的標題
- 頁面的情境:網頁資訊的描述欄位。網頁標頭的 <META HTTP-EQUIV="Description" CONTENT="描述文字">,不過測試時,無法順利顯示。
%input%
- 跳出輸入對話框,手動輸入文字
%imgurl%
- 如果你在圖片上方按右鍵,該變數會擷取該圖片的網址。
%tinyurl% (實驗性功能)
- 透過durl.us或 TinyURL 的縮短網址服務。由於是實驗性功能,所以複製到剪貼本時可能會失敗。建議相隔一秒鐘,來產生網頁的縮短網址。
- 語法支援:  Make Link for Firefox Make Link for Firefox 有支援該語法,但是 Create Link for Chrome 有支援該語法,但是 Create Link for Chrome 沒有支援 沒有支援
%newline%
- 換行符號 (\n)
- 語法支援:  Make Link for Firefox Make Link for Firefox 沒有支援該語法,但是 Create Link for Chrome 沒有支援該語法,但是 Create Link for Chrome 有支援 有支援
%htmlEscapedText%
- 編碼網頁 & < > ' " 五種特殊字元。 (1) & → & (2) < → < (3) > → > (4) ' → ' (5) " → "
- 語法支援:  Make Link for Firefox Make Link for Firefox 沒有支援該語法,輸入 %text% 但是選項需要勾選「視為 HTML 元素」,則可處理(& < > " 四種字元) 。 Create Link for Chrome 沒有支援該語法,輸入 %text% 但是選項需要勾選「視為 HTML 元素」,則可處理(& < > " 四種字元) 。 Create Link for Chrome 有支援該變數語法。 有支援該變數語法。
Make Link Options / Create Link Formats[edit]
Plain Text syntax[edit]
(default settings) %text% <%url%> (my modification) %text% %url%
HTML syntax[edit]
- Make Link for Firefox  : 選項需要勾選「視為 HTML 元素」 : 選項需要勾選「視為 HTML 元素」
(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="%text%" target="_blank" rel="nofollow noopener">%htmlEscapedText%</a> (open link in the same window or tab) <a href="%url%" title="%text%" 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[edit]
- MarkDown links[2]:
[%text%](%url%)
Forum syntax[edit]
- Forum Code (BBCode guide):
[url=%url%]%text%[/url]
Wiki syntax[edit]
- 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[edit]
- 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[edit]
- 在 Google 試算表 (HYPERLINK) 或 Microsoft Excel 的儲存格內建立超連結 (HYPERLINK 函數):
// show text
=HYPERLINK("%url%",  "%text%")
// show text & url
=HYPERLINK("%url%", "%text% %url%")
other syntax[edit]
notes
- 文章內容部份翻譯自MakeLink內建的說明文件。
- Make Link 3.0.2與Menu Editor 1.2.3.3有相容問題。
- Comparison of Firefox extensions: CopyURL, CoLT, MakeLink(英) - 其他同類型擴充套件的比較
類似方案[edit]
- 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]
 因為
 因為