Video: Länkar i html 2024
I allmänhet visas webbläsare som blå understruken text. Ursprungligen minimerade detta standardbeteende förvirringen mellan innehållet på sidan och en interaktiv länk. Idag länkar nästan alla webbplatstilar på sin egen väg. Vissa webbplatser understryker inte länkar; andra behåller understruken men stillänkar i andra färger än blå; och så vidare.
HTML-ankarelementet (
a
) används för att skapa länkar. Texten mellan öppnings- och stängningsankeringsmärket är länkbeskrivningen, och webbadressen som anges i attributet
href
är adressen som webbläsaren besöker när länken klickas.
Ankaretiketten har utvecklats över tiden och har idag fyra tillstånd:
-
länk: En länk som en användare inte klickat på eller besökte -
besökte: A länk som en användare har klickat på eller besökte -
svävar: En länk som användaren hänger över muspekaren utan att klicka på -
aktiv: En länk som användaren har börjat klicka men har ännu inte släppt musknappen
CSS kan utforma var och en av dessa fyra tillstånd, oftast genom att använda dessa egenskaper och värden.
| Egenskapsnamn | Möjliga värden | Beskrivning |
färg
|
namn
|
Länkfärg specificerad med namn (
färg: blå;
), hexadecimal kod (
färg: # 0000FF;
) eller RGB-värde (
färg: rgb (0, 0, 255); >).
text-decoration |
inga
|
undertryck
|
Följande exempel länkar länkar på ett sätt som liknar det sätt som de är utformade i artiklar på Wikipedia, där länkarna blinkar som standard, understryks med muspekaren och orange när den är aktiv. Som framgår nedan framträder den första länken till USA: s överordnade teknikkontrollant, som om en mus skulle sväva över den. Dessutom visas länken till Google orange som den skulle om den var aktiv och musen klickade på den. |
a: länk {
färg: rgb (6, 69, 173);
text-dekoration: ingen;
}
a: besökare {
färg: rgb (11, 0, 128)
}
a: svävar {
textutsmyckning: undertryck
}
a: aktiv {
färg: rgb (250, 167, 0)
}
Wikipedia. org sida som visar länk, besökte, svävar och aktiva stater.
a
och länkstaten.
Även om man förklarar varför det ligger utanför ramen för denna bok, insisterar CSS-specifikationer på att du definierar de olika länkstaterna i den ordning som visas här - länk, besök, sväng och sedan aktiv.Det är emellertid acceptabelt att inte definiera ett länstillstånd, så länge som denna order bevaras.
De olika länstillstånden är kända som
pseudoklassmarkörer. Pseudoklassmarkörer lägger till ett nyckelord i CSS-väljare och låter dig ställa in ett speciellt tillstånd för det valda elementet.
