<a href> atributul se referă la o destinație furnizată de un link. a (ancoră) eticheta este moartă fără <href> atribut.

Cum se folosește eticheta

Uneori, în fluxul de lucru, nu doriți un link live sau nu veți cunoaște încă destinația link-ului. În acest caz, este util să setați fișierul href atribuit lui "https://www.freecodecamp.org/news/the-a-href-attribute-explained/#" pentru a crea un link mort.

href atributul poate fi folosit pentru a lega fișiere locale sau fișiere de pe internet.

De exemplu:

<html>
  <head>
    <title>Href Attribute Example</title>
  </head>
  <body>
    <h1>Href Attribute Example</h1>
      <p>
        <a href="https://www.freecodecamp.org/contribute/">The Routech Contribution Page</a> shows you how and where you can contribute to Routech's community and growth.
      </p>
    </h1>
  </body>
</html>

<a href> atributul este acceptat de toate browserele.

Mai multe atribute HTML:

hreflang : Specifică limba resursei conectate.

target : Specifică contextul în care se va deschide resursa legată.

title : Definește titlul unui link, care apare utilizatorului ca o descriere.

Exemple

<a href="https://www.freecodecamp.org/news/the-a-href-attribute-explained/#">This is a dead link</a>
<a href="https://www.freecodecamp.org">This is a live link to Routech</a>
<a href="https://html.com/attributes/a-href/">more with a href attribute</a>

Ancore în pagină

De asemenea, este posibil să setați o ancoră la un anumit loc al paginii. Pentru a face acest lucru, ar trebui să plasați mai întâi o filă în locația de pe pagina cu etichetă și atributul necesar „nume” cu orice descriere a cuvântului cheie, astfel:

<a name="top"></a>

Orice descriere între etichete nu este necesară. După aceea, puteți plasa un link care duce la această ancoră la orice palce pe aceeași pagină. Pentru a face acest lucru, ar trebui să utilizați etichetă cu atributul necesar „href” cu simbolul # (ascuțit) și descrierea cuvântului cheie a ancorei, astfel:

<a href="https://www.freecodecamp.org/news/the-a-href-attribute-explained/#top">Go to Top</a>

<a href="https://www.freecodecamp.org/news/the-a-href-attribute-explained/#"> poate fi aplicat și imaginilor și altor elemente HTML.

Exemplu

<a href="https://www.freecodecamp.org/news/the-a-href-attribute-explained/#"><img itemprop="image" style="height: 90px;" src="https://www.chatbot.chat/assets/images/header-bg_y.jpg" alt="picture">  </a>

Câteva exemple de href

<base href="https://www.freecodecamp.org/a-href/">This gives a base url for all further urls on the page</a>
<link href="style.css">This is a live link to an external stylesheet</a>

Ce altceva poți face cu ?

Mai multă personalizare! Să vedem un caz de utilizare specific:

Un link mailto este un fel de hyperlink (<a href=""></a>) cu parametri speciali care vă permit să specificați destinatari suplimentari, o linie de subiect și / sau un text al corpului.

Sintaxa de bază cu un destinatar este:

<a href="https://www.freecodecamp.org/news/the-a-href-attribute-explained/mailto:friend@something.com">Some text</a>

Adăugarea unui subiect la acel e-mail:

Dacă doriți să adăugați un anumit subiect la acel e-mail, aveți grijă să adăugați %20 sau + oriunde există un spațiu în linia subiectului. O modalitate ușoară de a vă asigura că este formatat corect este utilizarea unui Decodor / codificator URL.

Adăugarea textului corpului:

În mod similar, puteți adăuga un mesaj specific în partea corpului e-mailului: Din nou, spațiile trebuie înlocuite cu %20 sau +. După parametrul subiect, orice parametru suplimentar trebuie să fie precedat de &

Exemplu: Spuneți că doriți ca utilizatorii să trimită un e-mail prietenilor lor despre progresele lor în Free Code Camp:

Adresa: goală

Subiect: vești minunate

Corp: Devin dezvoltator

Link-ul dvs. html acum:

<a href="https://www.freecodecamp.org/news/the-a-href-attribute-explained/mailto:?subject=Great%20news&body=I%20am%20becoming%20a%20developer">Send mail!</a>

Aici, am lăsat mailto gol (mailto :?). Aceasta va deschide clientul de e-mail al utilizatorului și acesta va adăuga el însuși adresa destinatarului.

Adăugarea mai multor destinatari:

În același mod, puteți adăuga parametri CC și CCC. Separați fiecare adresă printr-o virgulă!

Parametrii suplimentari trebuie să fie precedați de &.

<a href="https://www.freecodecamp.org/news/the-a-href-attribute-explained/mailto:firstfriend@something.com?subject=Great%20news&cc=secondfriend@something.com,thirdfriend@something.com&bcc=fourthfriend@something.com">Send mail!</a>

Mai multe informatii:

MDN – Legături prin e-mail