Create Link: Difference between revisions
Jump to navigation
Jump to search
m (→變數說明) |
|||
Line 74: | Line 74: | ||
語法說明: | 語法說明: | ||
![圖片替代文字](圖片連結 "滑鼠游標移到圖上才會出現的提示文字") | ![圖片替代文字](圖片連結 "滑鼠游標移到圖上才會出現的提示文字") | ||
</pre> | </pre> | ||
=== Forum syntax === | === Forum syntax === |
Latest revision as of 15:00, 1 August 2020
瀏覽器擴充套件 Create Link for Chrome 提供便利的方式,可以快速方便擷取網頁標題、網址及選取的段落文字等資訊到系統剪貼簿。
例如:寫Blog要加入外部網頁的連結時,在網頁按右鍵點選 Create Link 選單,除了擷取網頁標題及網址,並會自動加入事先自訂好的開新視窗等語法至剪貼簿。優點是少打很多字!
使用情境[edit]
在以下情境,右鍵點選 Create Link 選單:
- 鏈結(link):在超鏈結上方,按右鍵點選 Create Link 選單
- 選取文字(selection):選取某段文字後,在選取的文字上按右鍵點選 Create Link 選單
- 圖片:在圖檔上方按右鍵點選 Create Link 選單
- 頁面(page):在上述其他地方外,網頁的其他任何地方按右鍵點選 Create Link 選單
變數說明[edit]
%text%
- 鏈結的情境:鏈結的文字
- 選取文字的情境:選取的文字
- 圖片的情境:網頁的標題
- 頁面的情境:網頁的標題 (通常顯示在瀏覽器最上方的標題列: title)。如果網頁是採用頁框結構(frame),將只會取最上層的標題資訊。
%htmlEscapedText% 編碼網頁文字,例如: & < > ' " 等特殊字元會被編碼成 (1) & → & (2) < → < (3) > → > (4) ' → ' (5) " → "
- 鏈結的情境: 鏈結的文字
- 選取文字的情境: 選取的文字
- 圖片的情境:網頁的標題
- 頁面的情境:網頁的標題
%text_md% 文字遇到 markdown 特殊字元會 escape,例如 - 等符號[1]。
- 鏈結的情境: 鏈結的文字
- 選取文字的情境: 選取的文字
- 圖片的情境:網頁的標題
- 頁面的情境:網頁的標題
%url%
- 鏈結的情境:鏈結
- 選取文字的情境: 如果選取的文字包含鏈結,則顯示該鏈結。如果選取的文字沒有包含鏈結,則顯示目前瀏覽網頁的鏈結
- 圖片的情境:圖片的鏈結
- 頁面的情境:目前瀏覽網頁的鏈結
Create Link Formats[edit]
Plain Text syntax[edit]
(default settings) %text% %url%
HTML syntax[edit]
(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[edit]
- MarkDown links[2]:
(default settings) [%text_md%](%url%)
MarkDown Image syntax[edit]
![%text_md%](%url% "%text_md%") 語法說明: ![圖片替代文字](圖片連結 "滑鼠游標移到圖上才會出現的提示文字")
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%")
Plurk 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]