網(wǎng)頁設(shè)計(jì)制作之改進(jìn)超級鏈接效果(2)_XHTML教程
對點(diǎn)擊超鏈接后會出現(xiàn)的非凡情況加以解釋,如:
<!--[if !supportLists]-->· <!--[endif]-->Links to files [鏈接至一個文件]
<!--[if !supportLists]-->· <!--[endif]-->Links that open or close windows [點(diǎn)擊鏈接后會打開或關(guān)閉窗口]
What do you make a link?
考慮一下制作這個超鏈接的目的是什么
Hyperlink content example: Amapproved.com
超鏈接內(nèi)容舉例:Amapproved.com
A site for locating approved Aston Martins, and it's good on the whole. This is the search results screen. Guess how you get from search results to see the details on a particular vehicle? The only link is the vehicle model (in the Vehicle summary column).
這個案例是Aston Martins [阿斯頓·馬丁] 汽車的網(wǎng)站�?梢赃@樣說,它的整體外觀設(shè)計(jì)堪稱經(jīng)典。這是一個搜索結(jié)果顯示頁面。那么現(xiàn)在,你想象一下,該如何通過搜索結(jié)果的方式來查閱有關(guān)車輛的具體介紹。這里僅有的超鏈接就是關(guān)于“Vehicle summary column [車輛基本列表]”中的“vehicle model[車輛模型]”。
The first, and biggest problem, is that you can't distinguish the hyperlinks, breaking Principle 1. You don't know where to click to get more information: you have to guess.
首先所面臨的最大問題就是,你不能區(qū)分那個是超鏈接。這違反了法則1,即:你不知道該點(diǎn)擊那里來獲取更多的信息,因此,你必須先考慮這個問題
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標(biāo)簽
- 淺析HTML與javascript中常用編碼
- CSS網(wǎng)頁布局中必須要了解的幾個XHTML標(biāo)簽
- title和alt 標(biāo)簽介紹及其異同
- 淺析HTML標(biāo)簽strong和em的區(qū)別
- 說說XHTML中的alt屬性和title屬性
- Semantics語義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- 九個W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問題
- 請注意頁面head區(qū)域的編碼是不是規(guī)范
- HTML validate - 驗(yàn)證HTML代碼穿越多重瀏覽器標(biāo)準(zhǔn)
- XHTML具有語義的標(biāo)簽:有關(guān)H1位置的討論
- 相關(guān)鏈接:
- 教程說明:
XHTML教程-網(wǎng)頁設(shè)計(jì)制作之改進(jìn)超級鏈接效果(2)
。