Atrybut mający sens
- Data publikacji
- Ostatnio edytowano
Atrybuty HTML niektórych elementów HTML nie są atrybutami wymaganymi, lecz mają one sens tylko w sytuacji gdy dany element HTML posiada już inny z góry określony atrybut HTML.
Przykładowo. Element a nie musi posiadać żadnego atrybutu HTML.
<a>
Elementy HTML budujące tabelę HTML: table, caption, thead, tbody, tfoot, tr, th, td.
</a>Rezultat:
Element a w zaprezentowanej formie jest informacją dla przeglądarki internetowej o tym, że w danym miejscu w kodzie HTML występuje element a, który po wyświetleniu w oknie przeglądarki internetowej mógłby prowadzić do zasobu internetowego, którego treścią byłyby informacje o elementach HTML budujących tabelę HTML.
Jednym z atrybutów HTML, które możemy dodać do elementu a jest atrybut hreflang.
Przykład:
<a hreflang="en">
Elementy HTML budujące tabelę HTML: table, caption, thead, tbody, tfoot, tr, th, td.
</a>Rezultat:
Atrybut hreflang elementu a określa dodatkową informację dla przeglądarki internetowej o tym, jaki język, którym posługują się na co dzień ludzie posiada zasób internetowy, do którego prowadzi dany element a. Wartość en atrybutu hreflang wskazuje na język angielski, lecz w tym wypadku wspomniany atrybut hreflang nie ma sensu dla naszego przykładowego elementu a, ponieważ nasz przykładowy element a nie prowadzi do żadnego zasobu internetowego. Dlatego sytuację tę postaramy się zmienić.
<a href="https://www.w3.org/TR/html52/tabular-data.html" hreflang="en">
Kliknij, aby zobaczyć elementy HTML budujące tabelę HTML: table, caption, thead, tbody, tfoot, tr, th, td.
</a>Rezultat:
Po dodaniu do naszego przykładowego elementu a atrybutu href wraz z wartością https://www.w3.org/TR/html52/tabular-data.html, nasz przykładowy element a od tej pory prowadzi do zasobu internetowego znajdującego się pod adresem https://www.w3.org/TR/html52/tabular-data.html. Ponadto treść reprezentowana przez zawartość zasobu internetowego znajdującego się pod wspomnianym adresem została napisana w języku angielskim, dlatego od tej pory atrybut hreflang wraz z wartością en, który posiada nasz przykładowy element a, ma sens.
Atrybut hreflang nie jest wymaganym atrybutem elementu a, dlatego kod HTML zaprezentowany poniżej jest również prawidłowy.
<a href="https://www.w3.org/TR/html52/tabular-data.html">
Kliknij, aby zobaczyć elementy HTML budujące tabelę HTML: table, caption, thead, tbody, tfoot, tr, th, td.
</a>