搜尋
首頁web前端html教學超級連結a的提示方式和開啟方式_HTML/Xhtml_網頁製作


網路上不計其數的資訊本質上都是一個一個的HTML文件組成的,透過連結將它們串連起整個網路。這就猶如骨肉之於人體一樣,只有透過經脈才能將它們串聯起來,組成一個完整的人體。
看似最基本的一個標籤,卻是HTML文件中至關重要不可或缺的一個標籤。這個標籤是頁面之間連結的一個紐帶,起著一個橋樑的作用。這座橋樑在頁面裡的也以各種各樣的方式出現著,不同的網站以不同的方式對其進行著裝飾,然而最終的目的卻是一樣的——給用戶一個更直觀更人性化的連結提示。
標籤在HTML文件裡可以設定不同的提示方式及不同的開啟方式,本文也只對這兩方面做一個簡單分析,歡迎補充更多的資訊。
連結的提示方式:
1、文字帶有顏色並有下劃線:這是瀏覽器預設的連結提示方式,可以很清楚的告訴使用者哪裡是可以點擊有連結的,哪裡是沒有連結的。很多網站都採用這種預設的連結提示方式,像是新浪網、搜狐網。然而這種連結提示方式出現在新聞列表頁裡是很不合適的,新聞列表頁裡的文字基本上都是屬於標題,也就是說都是帶有鏈接可點擊的,既然整個頁面的文字都是帶有連結可點擊的,那麼使用這種方式對連結進行提示似乎完全沒有必要,而且整個頁面全是下劃線,會帶來很嚴重的視覺疲勞感。這種方式出現在連結不多的內容頁,就可以很好的完成連結本身的提示任務;

2、文字帶有顏色沒有底線:這是目前很多網站在新聞列表頁的連結提示方式。這種方式應用在新聞列表頁很適合,去除了整頁煩人的底線。也有很多網站把這種提示方式應用在內容頁裡,因為突出了連結文字與內容文字的不同,然而在我看來這種方式應用在內容頁裡沒有上一種方式好;
3、文字沒有顏色沒有底線:這是另一種應用於新聞列表頁裡的連結提示方式。既然整頁的文字都是可連結的,那麼文字帶不帶有顏色似乎已經可以忽略不計,因為已經沒有特殊的意義,除了為了美化頁面而使用帶有顏色的文字。同樣也有一些網站把這種提示方式應用在內容頁裡,例如泡泡網的內容頁。這就需要把滑鼠移到連結文字上面才會以文字變色加下劃線之類的方式來提示可連結性,在內容頁使用這種提示方式的前提是該連結對於內容本身頁言只是個可有可無的附帶品;
4、底線為虛線:這是很特別的一種提示方式,基本上是應用在內容頁裡的彈出層廣告連結。
在我看來最好的連結提示方式是:新聞列表頁不顯示下劃線,內容頁的連結文字顯示下劃線,至於連結文字是否應該帶有顏色,主要還是看頁面的設計。
連結的開啟方式:
1、目前頁跳轉:這也是瀏覽器預設的連結開啟方式。相對於彈出一堆的標籤頁或是瀏覽器視窗來說,當前頁跳轉無疑是最讓人感覺簡潔舒服的,很自然的這也成了瀏覽器的預設開啟方式。然而在實際的應用中卻並非如此。如果連結是在新聞列表頁,那麼在當前頁跳轉問題並不大,但如果連結文字是在內容頁,那麼在當前頁跳轉則顯得很不合理,在當前頁跳轉則意味著瀏覽器會丟棄當前的數據,但內容頁的連結文字是混在大段的內容中的,是給出當前文字的相關信息的邏接,用戶很自然的閱讀到鏈接文字時會點擊查看相關信息,不可能閱讀完全文後再點擊連結文字進行跳轉;
2、彈出頁跳轉:這是最保險也是最常用的連結開啟方式。在內容頁裡的連結文字使用這種開啟方式,能最大限度的不影響使用者目前的閱讀行為,在保證使用者的獲取資訊的順暢性的同時最大限度的提供相關資訊;
3、彈出層顯示:這種開啟方式一般都是用在對目前連結文字的簡短解釋上的,當然也用在廣告的顯示上。
什麼樣的連結開啟方式對於使用者來說,存在一定的影響,但更大的影響來自於連結開啟方式的統一性,同類的連結方式採用統一的當前頁跳轉或是彈出頁跳轉,最多只是影響用戶在使用上是否順暢,但如果同類的連結打開方式一下是當前頁跳轉一下又是彈出頁跳轉,帶給用戶的就不是操作上是否有順暢感,而是讓用戶感覺迷惑。
陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
手把手教你dll文件怎么打开的详细教程手把手教你dll文件怎么打开的详细教程Jul 12, 2023 am 08:45 AM

最近有很多朋友都在问小编dll文件怎么打开的问题,打开dll文件的方法其实很简单,那么怎么打开dll文件呢?考虑到很多用户还不清楚dll文件怎么打开,接下来小编为大家整理了一份dll文件怎么打开的详细教程,有需要的小伙伴们快来看看吧!1、首先,鼠标点击dll文件,我们会发现电脑根本无法直接打开。如果在它的上面双击的话会在它的旁边提示:如果是想要查看它可以下载安装一个叫exescope的自定义应用软件的工具2、右边有一个更多,点击一下“更多”,可以看到它的默认安装路径,如果不需要更改的话,它就会默

win7超级终端如何打开win7超级终端如何打开Jul 14, 2023 pm 12:17 PM

win7系统内置超级终端这个通信作用,客户能通过这个功能去连接到其他的计算机。那么win7超级终端如何打开呢?你先打开控制面板,找到电话和调制调解器,以后设定位置信息,以后打开hypertrm.exe程序,在弹出页面中输入名字即可,如果存在多个连接还能够根据新建去继续添加,最终输入IP地址就能够连接了。win7超级终端如何打开:1、最先要在控制面板中设定,开始→控制面板→电话和调制调解器2、打开位置信息→挑选国别、区号、电话等相关信息→确定3、双击打开hypertrm.exe程序,会有一个是否默

教你win10计算器怎么打开教你win10计算器怎么打开Jul 12, 2023 pm 11:21 PM

win10系统有很多强大的功能,吸引不少网友下载安装使用,其中也有很多实用的小工具,比如说win10计算器工具。有网友还不清楚win10计算器怎么打开,下面小编就教下大家打开win10计算器的方法。方法一:开始菜单中查找1、在Windows10系统桌面,依次点击“开始/计算器”菜单项。2、就可以打开Windows10的计算器窗口了。方法二:小娜搜索打开1、在Windows10桌面,点击任务栏左下角的“小娜搜索”的图标。2、在弹出的菜单中输入“计算器”的关键词进行搜索,点击搜索结果中的计算器菜单项

教你win7任务管理器怎么打开教你win7任务管理器怎么打开Jul 14, 2023 pm 04:13 PM

win7系统因为其良好的稳定性和兼容性受到不少网友的喜爱,有不少网友现在还在下载安装win7,但是对win7的一些操作不熟悉,比如说怎么打开win7任务管理器等。下面小编就教下大家几种打开win7任务管理器的方法。方法一:通过任务栏打开使用鼠标右键单击任务栏空白处,点击"启动任务管理器"打开即可。方法二:使用快捷键打开同时按住Ctrl+Alt+Delete键,调出任务管理器。再点击"启动任务管理器",这个操作需要两步,还有操作一步就搞定的组合键,往下看。或

win7系统无法打开txt文本怎么办win7系统无法打开txt文本怎么办Jul 06, 2023 pm 04:45 PM

win7系统无法打开txt文本怎么办?我们电脑中需要进行文本文件的编辑时,最简单的方式就是去使用文本工具。但是有的用户却发现自己的电脑无法打开txt文本文件了,那么这样的问题要怎么去解决呢?一起来看看详细的解决win7系统无法打开txt文本教程吧。解决win7系统无法打开txt文本教程  1、在桌面上右键点击桌面的任意一个txt文件,如果没有的可以右键点击新建一个文本文档,然后选择属性,如下图所示:  2、在打开的txt属性窗口中,常规选项下找到更改按钮,如下图所示:  3、在弹出的打开方式设置

Win11注册表如何打开Win11注册表如何打开Jun 29, 2023 pm 03:52 PM

  Win11注册表如何打开?注册表存放着各种参数,直接控制着windows启动、硬件驱动程序的装载以及一些windows应用程序的运行,从而在整个系统中起着核心作用。本期教程小编将为大家带来Win11打开注册表的三种方法,有需要的朋友们快来了解下吧。  Win11打开注册表的三种方法  方法一、快捷键  按住电脑win+R快捷键,调出运行提示,并在输入regedit,确定后即可调出。  方法二、任务栏  点击任务栏,在搜索中输入注册表编辑器,最后选择打开即可。  方法三、C盘  快捷键win+

Win10电脑如何打开apk文件Win10电脑如何打开apk文件Jun 29, 2023 pm 02:06 PM

Win10电脑如何打开apk文件?很多小伙伴在使用电脑的时候,都需要打开各种格式的文件,就有小伙伴下载了apk文件,但是不知道如何在win10系统中打开,这种情况下我们应该如何在win10系统中打开呢,如果你不知道如何打开,小编下面整理了Win10打开apk文件教程,感兴趣的话,跟着小编一起往下看看吧!Win10打开apk文件教程1、首先,我们需要在电脑上找到这个apk文件,如图所示。2、接着我们右键这个文件,在弹出的选项当中,选择“重命名”,如图所示。3、在重命名的途中,只需将后缀的“apk”

win10磁盘管理如何打开win10磁盘管理如何打开Jul 08, 2023 pm 05:53 PM

如果想要管理系统的硬盘,可以通过磁盘管理进行操作,那么win10电脑如何打开电脑磁盘管理呢?下面就给大家分享三个操作方法吧。方法一:1、在Windows10桌面,右键点击桌面左下角的开始按钮,在弹出的菜单中选择“磁盘管理”菜单项。2、这样就可以直接打开磁盘管理的窗口了。方法二:1、我们也可以右键点击桌面上的“此电脑”图标,在弹出菜单中点击“管理”菜单项。2、这时就会打开计算机管理窗口,点击左侧边栏的“磁盘管理”菜单项。3、在右侧的窗口中同样可以打开磁盘管理的窗口了。方法三:1、另外也可以使用命令

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

Atom編輯器mac版下載

Atom編輯器mac版下載

最受歡迎的的開源編輯器

Dreamweaver Mac版

Dreamweaver Mac版

視覺化網頁開發工具

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序,非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具,幫助Web開發人員更好地理解保護網路應用程式的過程,並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中

mPDF

mPDF

mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),