<a href="https://link" location="yes" resizable="yes" scrollbars="no" width="592" height="740" target="_blank">
不驗證爲位置,可調整大小和滾動條都不是有效的xhtml - 現在這些術語的替代品是什麼?Xhtml過渡彈出窗口
<a href="https://link" location="yes" resizable="yes" scrollbars="no" width="592" height="740" target="_blank">
不驗證爲位置,可調整大小和滾動條都不是有效的xhtml - 現在這些術語的替代品是什麼?Xhtml過渡彈出窗口
你可以用JS做。
但是,如果您擔心可用性,那麼只需將鏈接保留爲正常鏈接,而不需要額外的屬性,並讓用戶決定他想要做什麼。如果您在內容中明確指出鏈接更適合新窗口,那麼用戶很可能會以這種方式打開它。
如果你關心可用性,但仍然想強制用戶的決定,你可以使用JS,但有事件檢測,並檢查用戶是否點擊鏈接,然後捕獲URL並打開它在一個新的窗口/選項卡。如果選擇這種方式,鏈接將是這樣的:
<a href="destination" rel="external" >text</a>
當然你可以使用任何屬性的,但到目前爲止,一個被接受爲最佳實踐。
通過Javascript強制執行新窗口會帶來很多令人頭疼的問題,其中不少是最流行的彈出窗口攔截器,被大多數現代Web瀏覽器所採用。
處理像這樣的鏈接的一種更好的方法是通過帶有提示鏈接目標的圖標或javascript警報來「裝飾」它們或者JavaScript警報(如果您必須......這對用戶的體驗也是非常侵入性的),它警告用戶他們正在從您的網站導航到外部來源。
碎雜誌對此有一個像樣的文章:http://www.smashingmagazine.com/2010/02/13/the-definitive-guide-to-styling-web-links/
的技術PatomaS是指可以用代碼的例子可以看出,在這裏,雖然他們使用的一類,而不是看着REL: http://www.electrictoolbox.com/add-offsite-link-icon-after-external-links-css/
要做到同樣的事情,但相對,你可以改變自己的CSS來:
a[rel="external"] {
background: url(/images/external.png) center right no-repeat;
padding-right: 13px;
}
但是,你要注意,這個CSS不會在某些瀏覽器。
我應該快速記下;我知道做寬度/高度爲CSS,其他的我很好奇 – NRGdallas
我不認爲這些「屬性」有任何HTML規範的一部分,除了HREF和目標... –
@ mori57也許,但他們工作,做他們應該做的,所以--shrug- – NRGdallas