Create Link: Difference between revisions

From LemonWiki共筆
Jump to navigation Jump to search
Line 78: Line 78:


參考資料:  
參考資料:  
* [https://pjchender.blogspot.com/2020/05/relnoreferrer-targetblank.html?fbclid=IwAR2lZxBq9kIpCJU4ErMLnn0tpaF5QdlgE1FGr4afP1BUQRVk3dPCAUYd1v8 [掘竅] 為什麼要使用 rel="noreferrer",談 target="_blank" 的安全性風險 ~ PJCHENder<br>那些沒告訴你的小細節] {{access | date=2020-05-26}}
* [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):  
* 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]
* [http://www.w3.org/TR/xhtml1/ XHTML 1.0] strict [http://www.sitepoint.com/article/standards-compliant-world]

Revision as of 09:49, 26 May 2020

瀏覽器擴充套件 Make Link for Firefox browser_firefox.png Create Link for Chrome Browser chrome.png 提供便利的方式,可以快速方便擷取網頁標題、網址及選取的段落文字等資訊到系統剪貼簿。

例如:寫Blog要加入外部網頁的連結時,在網頁按右鍵點選 MakeLink 選單,除了擷取網頁標題及網址,並會自動加入事先自訂好的開新視窗等語法至剪貼簿。優點是少打很多字!


版本資訊


使用情境

在以下三種情境,右鍵點選 MakeLink 選單:

  • 鏈結(link):在超鏈結上方,按右鍵點選 MakeLink 選單
  • 選取文字(selection):選取某段文字後,在選取的文字上按右鍵點選 MakeLink 選單
  • 頁面(page):在上述兩種地方外,網頁的其他任何地方按右鍵點選 MakeLink 選單

變數說明

%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.usTinyURL的縮短網址服務。由於是實驗性功能,所以複製到剪貼本時可能會失敗。建議相隔一秒鐘,來產生網頁的縮短網址。
  • 語法支援: Icon_exclaim.gif Make Link for Firefox browser_firefox.png 支援該語法,但是 Create Link for Chrome Browser chrome.png 沒有支援

%newline%

  • 換行符號 (\n)
  • 語法支援: Icon_exclaim.gif Make Link for Firefox browser_firefox.png 沒有支援該語法,但是 Create Link for Chrome Browser chrome.png 支援

%htmlEscapedText%

  • 編碼網頁 & < > ' " 五種特殊字元。 (1) & → &amp; (2) < → &lt; (3) > → &gt; (4) ' → &apos; (5) " → &quot;
  • 語法支援: Icon_exclaim.gif Make Link for Firefox browser_firefox.png 沒有支援該語法,輸入 %text% 但是選項需要勾選「視為 HTML 元素」,則可處理(& < > " 四種字元) 。 Create Link for Chrome Browser chrome.png 支援該變數語法。

Make Link Options / Create Link Formats

Plain Text syntax

 (default settings) %text% <%url%>
 (my modification) %text% %url%

HTML syntax

  • Make Link for Firefox browser_firefox.png : 選項需要勾選「視為 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>
 (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>

參考資料:

MarkDown syntax

  • MarkDown links[2]:
[%text%](%url%)

Forum syntax

[url=%url%]%text%[/url]

Wiki syntax


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%

Excel link syntax

// show text
=HYPERLINK("%url%",  "%text%")

// show text & url
=HYPERLINK("%url%", "%text% %url%")

other syntax


notes

類似方案

相關資料