Jakość Web - Ważne elementy HTML

Dla poprawy jakości internetu, <DOCTYPE>, <title> oraz <h1> to ważne znaczniki.

Element <DOCTYPE>

Doctype oznacza "deklarację typu dokumentu" (DTD).

Wszystkie strony HTML i XHTML powinny używać elementu <Doctype>, aby określić, do której wersji HTML mają się odnosić.

doctype określa używaną wersję HTML i dostarcza ważne informacje dla przeglądarki, aby szybciej i spójnie wyświetlała stronę.

Deklaracja typu dokumentu (doctype) pozwala również na sprawdzenie gramatyki strony przez oprogramowanie walidacyjne:

HTML 4.01 Strict, Transitional, Frameset

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd"

XHTML 1.0 Strict, Transitional, Frameset

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"

DTD XHTML 1.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"

Zobacz:Znacznik HTML <!DOCTYPE>

Element <title>

Element <title> jest jednym z najważniejszych elementów HTML. Jego główną funkcją jest opisanie treści strony.

Nawet jeśli tytuł nie jest widocznym elementem strony, jest ważny dla poprawy jakości strony, ponieważ jest widoczny w następujących miejscach:

  • Lista wyszukiwarek
  • Pasek tytułowy okna
  • W zakładkach użytkownika

Tytuł powinien być jak najbardziej krótki i opisowy.

Kiedy użytkownik szuka strony internetowej w internecie, większość wyszukiwarek pokazuje tytuł strony w wynikach wyszukiwania. Upewnij się, że tytuł jest zgodny z treścią strony. W ten sposób użytkownicy mają większą szansę kliknąć na te linki i odwiedzić Twoją stronę.

Kiedy użytkownik odwiedza Twoją stronę internetową, tytuł w pasku tytułowym okna jest widoczny. Upewnij się, że nawet jeśli okno jest minimalizowane, tytuł nadal pełni funkcję opisu treści strony.

Po tym, jak użytkownik odwiedzi Twoją stronę internetową, tytuł strony jest przechowywany w folderze historii (użytkownik może nawet dodać stronę do swoich zakładek). Aby zapewnić przyszłe udane wizyty, upewnij się, że tytuł jasno opisuje Twoją stronę.

Dobrze napisane tytuły:

<title>Podręcznik HTML</title>
<title>Wprowadzenie do XML</title>

Niedobrze napisane tytuły:

<title>Wprowadzenie</title>
<title> Rozdział 1</title>
<title>CodeW3C.com posiada kompleksowy, dobrze zorganizowany i zrozumiały zestaw podręczników HTML, CSS, JavaScript,
Podręczniki DHTML, XML, XHTML, WAP, ASP, SQL, zawierające wiele przykładów i kodu źródłowego.</title>

Zobacz:Etykieta <title> HTML

Element <h1>

Element <h1> jest używany do opisu najwyższego poziomu tytułu strony.

Ponieważ niektóre przeglądarki domyślnie wyświetlają elementy <h1> jako bardzo duże czcionki, niektórzy deweloperzy stron internetowych używają etykiet <h2> zamiast <h1>, aby wyświetlić najwyższy poziom tytułów. To nie wpłynie na czytelników, ale może wprowadzić w błąd wyszukiwarki i inne oprogramowanie próbujące 'zrozumieć strukturę strony'.

Upewnij się, że używasz <h1> do najwyższego poziomu tytułów, a <h2> i <h3> do niższych poziomów.

Możesz spróbować zbudować swoją stronę internetową na podstawie tego szablonu:

Jeśli nie podoba Ci się domyślny rozmiar czcionki tytułów, możesz użyć stylu lub arkusza stylów, aby go zmienić.

Zobacz:HTML <h1> - <h6> etykiety