Który z odsyłaczy posiada poprawną konstrukcję?
Odsyłacz w HTML tworzy się za pomocą elementu <a>, a adres docelowy podaje się w atrybucie href. Dlatego konstrukcja <a href="mailto:adres">tekst</a> jest poprawna składniowo: znacznik otwierający zawiera href, wartość atrybutu jest ujęta w zwykłe cudzysłowy, a całość jest zamknięta znacznikiem </a>. Schemat mailto: oznacza, że kliknięcie linku ma otworzyć domyślny program pocztowy użytkownika i przygotować wiadomość do wskazanego adresata. W praktyce zamiast samego „adres” wpisuje się pełny adres e-mail, np. <a href="mailto:[email protected]">Napisz do nas</a>. Można też dodać temat wiadomości, np. <a href="mailto:[email protected]?subject=Pytanie">Kontakt</a>, choć trzeba wtedy uważać na kodowanie znaków specjalnych. Z mojego doświadczenia wynika, że warto zawsze używać atrybutu href w linkach, bo jest to zgodne ze standardem HTML i dobrze działa z przeglądarkami, czytnikami ekranu oraz nawigacją klawiaturą. To taka mała rzecz, a mocno wpływa na poprawność i dostępność strony.
W odsyłaczach HTML najważniejsze jest zrozumienie roli elementu <a> i jego atrybutów. Sam znacznik <a> definiuje link, ale dopiero atrybut href wskazuje miejsce, do którego użytkownik ma zostać przeniesiony albo jaką akcję ma uruchomić przeglądarka. Mylenie href z src to bardzo częsty błąd, bo src też kojarzy się z adresem. Tyle że src służy do wskazywania źródła zasobu, na przykład obrazka w <img> albo skryptu w <script>, a nie celu odsyłacza. W linku pocztowym trzeba więc użyć href="mailto:...", nie src="mailto:...". Problemem jest też konstrukcja adresu typu http://:adres. Po schemacie http:// powinien wystąpić poprawny host, czyli np. domena albo adres IP. Dwukropek w takim miejscu zwykle oznacza początek numeru portu, więc zapis z pustą nazwą hosta jest nielogiczny i niezgodny z typowym formatem URL. Osobna sprawa to cudzysłowy typograficzne „ ”. W edytorze tekstu wyglądają ładnie, ale w kodzie HTML powinno się stosować zwykłe znaki " albo ewentualnie apostrofy '. Kopiowanie kodu z Worda czy komunikatorów często robi taki bałagan i potem człowiek szuka błędu pół godziny. Dobra praktyka jest prosta: pisz link jako <a href="adres_docelowy">opis linku</a>, używaj poprawnego schematu URL, a kod twórz w edytorze programistycznym, nie w edytorze biurowym.