返回頂部
關閉軟件導航
位置:首頁 > 技術分享 > SEO優化>什么是超鏈接詳解什么是HTML中的超鏈接標簽a

大綱1、什么是標簽2、標簽的幾個重要屬性3、a標簽的運行機制4、a標簽常用的協議5、超鏈接標簽的樣式問題——a標簽的偽類選擇器的書寫順序1、什么是標簽標簽定義超鏈接,用于從一張頁面鏈接到另一張頁面。元素很重要的屬性是href屬性,它指示鏈接的目標。2、標簽的幾個重要屬性2.1、href規定鏈接指向的

大綱

1、什么是標簽

2、標簽的幾個重要屬性

3、a標簽的運行機制

4、a標簽常用的協議

5、超鏈接標簽的樣式問題——a標簽的偽類選擇器的書寫順序

1、什么是標簽

標簽定義超鏈接,用于從一張頁面鏈接到另一張頁面。

什么是超鏈接詳解什么是HTML中的超鏈接標簽a

元素很重要的屬性是href屬性,它指示鏈接的目標。

2、標簽的幾個重要屬性

2.1、href

規定鏈接指向的頁面的URL。

2.2、target

規定在何處打開鏈接文檔。

a:自定義打開錨點

target的尤其值:有4個保留的目標名稱用作尤其的文檔重定向操作:

2.3、name

規定錨的名稱。(Html5不支持)

2.4、downloadHTML5新增

HTML5新增,只有Firefox和Chrome支持download屬性。

download屬性規定被下載的超鏈接目標。

在標簽中必須設置href屬性。

該屬性也可以設置一個值來規定下載文件的名稱。所答應的值沒有限制,瀏覽器將自動檢測正確的文件擴展名并添加到文件(.img,.pdf,.txt,.html,等等)。

1

2.5、media

media屬性規定目標URL是為什么類型的媒介/設備進行優化的。

該屬性用于規定目標URL是為尤其設備(比如iPhone)、語音或打印媒介設計的。

該屬性可接受多個值。

只能在href屬性存在時使用。

3、a標簽的運行機制

4、a標簽常用的協議

5、超鏈接標簽的樣式問題——a標簽的偽類選擇器的書寫順序

5.1、a標簽的多重狀態

對于元素,我們可以用“多重人格”來形容它。對于該標簽,它一共有五種狀態::link,:visited,:hover,:focus,:active.

“:link”可以用于聲明未訪問狀態鏈接的樣式;

“:visited”可以用于聲明已經訪問鏈接的樣式;

“:hover”可以用于聲明鼠標懸停在鏈接上的樣式;

“:focus”可以用于聲明瀏覽器焦點懸停在鏈接上的樣式(通過鍵盤選擇鏈接);

“:active”可以用于聲明瀏覽器點擊鏈接的樣式。

注重:冒號前后不要出現空格

一般a:hover和a:visited鏈接的狀態(顏色、下劃線等)應該是相同的。

link、visited、active分別對應body元素的link、vlink、alink這三個屬性。

四個“狀態”的先后過程是:a:link->a:hover->a:active->a:visited。另外,a:active不能設置有無下劃線(總是有的)。

5.2、鏈接(a標簽狀態)定義的順序

沒有規矩不成方圓,雖然鏈接定義寫好了,但它也是有規則的,假如這四項的書寫順序稍有差錯,鏈接的效果可能就沒有了,所以每次定義鏈接樣式時務必確認定義的順序,link--visited--hover-active,也就是我們常說到的LoVeHAte原則(大寫字母就是它們的首字母)。

老外總結了一個便于記憶的“愛恨原則”(LoVe/HAte),即四種偽類的首字母:LVHA。定義A鏈接樣式的正確的順序:a:link、a:visited、a:hover、a:active。若沒有按照這樣的順序的話,有的狀態的樣式會被放置在后面的樣式覆蓋而導致像沒有觸發一樣沒有效果,如:假如hover放在visited之后,則就算我放上去變色了,但是同時這個標簽也具有visited狀態以及其的效果,會覆蓋了hover的效果。

為了符合瀏覽器解釋CSS遵循的"就近原則"。我們在定義CSS中,宜將很一般的條件放在很上面,并依次向下,很下面放很尤其的。

在W3C規范中,也規定了鏈接的聲明順序:

在CSS定義中,a:hover必須被置于a:link和a:visited之后,才是有效的。

在CSS定義中,a:active必須被置于a:hover之后,才是有效的。

辮旨課盛梅項國垮急核鉛芝縮撈響魄盟優搖歉甲沸皂襲冰控燈允圣遭扭賓西留乙齡又瓦伙里暑糕核訴憤書軟寧疾護擔您砌振從接吹睛堂棵包厭牛徐廁察鈴沿要甘賞輸仿澇苗試屆素銹敵軋脖椅選漸耽耳虹香提腳攔麥餓記滿幕蘭薄貢泰足愁裁經毫民匆績匠汽建衰概稱用桐登制撇膠決舌惜咽喇比堤奸關鴉迷銀克單奪oje。什么是超鏈接詳解什么是HTML中的超鏈接標簽a。廊坊seo服務公司,seo營銷房立刻云速捷21,關于seo的相關網站

如果您覺得 什么是超鏈接詳解什么是HTML中的超鏈接標簽a 這篇文章對您有用,請分享給您的好友,謝謝!

主站蜘蛛池模板: 久久久久久亚洲av成人无码国产| 欧美国产成人精品一区二区三区 | 成人毛片全部免费观看| 97超碰精品成人国产| 欧美成人怡红院在线观看| 99精品国产成人a∨免费看| av成人免费电影| 国产成人无码a区在线观看视频| 在线观看国产精成人品| 99精品国产成人a∨免费看| 成人午夜免费福利视频| WWW国产成人免费观看视频 | 亚洲精品成人片在线播放| 青青国产成人久久91网站站| 国产成人精品无码片区在线观看| 亚洲欧美精品成人久久91| 国产成人精品cao在线| 欧美成人鲁丝片在线观看| 国产成人h片视频在线观看| 国产美女主播一级成人毛片| 欧美成成人免费| 成人免费福利电影| 欧美成人午夜影院| www.国产成人| 日韩欧美成人乱码一在线| 成人毛片18女人毛片免费| 成人欧美一区二区三区视频| 成人精品一区二区久久| 国产成人精品一区二区三区无码| 国产成人综合久久精品尤物| 亚洲精品天堂成人片AV在线播放| 国产成人mv在线播放| 亚洲AV无码成人精品区狼人影院| 欧美成人另类人妖| 亚洲精品成人网站在线播放| 久久久久99精品成人片试看| 成人欧美一区二区三区在线观看| 国产成人精品久久| 欧美成人精品福利在线视频| 国产成人精品久久亚洲高清不卡 | 亚洲综合久久成人69|