HTML4.0中的新屬性:rel_Web標(biāo)準(zhǔn)教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
HTML4.0增加了一個(gè)新屬性:rel,這個(gè)屬性用來說明鏈接和包含此鏈接頁面的關(guān)系,以及鏈接打開的目標(biāo)。
rel有許多的屬性值,比如next、previous,、chapter、section等等。我們要使用的就是rel="externa l"屬性。原來這樣寫的代碼:
<a href="document.html" target="_blank"> 打開一個(gè)新窗口</a>
現(xiàn)在要寫成這樣:<a href="document.html" rel="external">打開一個(gè)新窗口</a>
這是符合strict標(biāo)準(zhǔn)的方法。當(dāng)然還必須配合一個(gè)javascript才有效。
javascript完整的代碼JS如下:
| 以下為引用的內(nèi)容: function externallinks() { if (!document.getElementsByTagName) return; var anchors = document.getElementsByTagName("a"); for (var i=0; i<anchors.length; i ) { var anchor = anchors[i]; if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external") anchor.target = "_blank"; } } window.onload = externallinks; |
你可以把它保存成一個(gè).js文件(比如external.js),然后通過外部聯(lián)接方法調(diào)用:<script type="text/javascript" src="external.js"></script>
就是這樣。
原因:主要是“易用性、友好性”的問題,因?yàn)槔贤庥X得不經(jīng)過用戶同意,沒有明確提示就打開一個(gè)新窗口是不禮貌的。
相關(guān)Web標(biāo)準(zhǔn)教程:
- Web標(biāo)準(zhǔn):需要正確的使用H1~ H6標(biāo)簽
- 五個(gè)WEB標(biāo)準(zhǔn)中必須注意的地方
- 做到結(jié)構(gòu)(XHTML),表現(xiàn)(CSS),行為(JavaScript)的分離
- CSS標(biāo)準(zhǔn):HTML標(biāo)簽元素的關(guān)閉
- Web標(biāo)準(zhǔn)之路 勿使用W3C廢棄的元素
- CSS布局 聲明文檔類型描述(DTD)
- DIV CSS\讓搜索引擎蜘蛛不再累
- 用XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)頁
- XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)站
- DIV+CSS對SEO的幫助
- 淺析什么是Web標(biāo)準(zhǔn) 及其前景
- CSSer新手寄語:開始標(biāo)準(zhǔn)之路
Web標(biāo)準(zhǔn)教程Rss訂閱Div+Css教程搜索
Web標(biāo)準(zhǔn)教程推薦
- 建立Web2.0網(wǎng)站需要解決的問題
- WEB標(biāo)準(zhǔn)中細(xì)線表格的實(shí)現(xiàn)方法
- WEB標(biāo)準(zhǔn)中國路會走向何方?
- CSS盒模型制定寬度和高度的原理
- 用!important解決IE和Mozilla的布局差別
- 符合WEB標(biāo)準(zhǔn)的CSS網(wǎng)頁布局相對于傳統(tǒng)TABLE布局的一些優(yōu)勢
- div+css VS xhtml+css
- 推薦: CSS樣式表設(shè)計(jì)經(jīng)驗(yàn)之10種技巧
- 網(wǎng)頁布局和網(wǎng)頁空白優(yōu)化設(shè)計(jì)
- 符合WebStandards的結(jié)構(gòu)清晰的xhtml文檔
- 相關(guān)鏈接:
- 教程說明:
Web標(biāo)準(zhǔn)教程-HTML4.0中的新屬性:rel
。