HTML (Web Page)

HTML (Web Page) to format zapisu dokumentu jako strony internetowej, zachowujący jej strukturę i formatowanie.

HTML jako struktura dokumentu internetowego

HTML, czyli HyperText Markup Language, jest językiem znaczników służącym do opisywania struktury dokumentu przeznaczonego do wyświetlania w przeglądarce internetowej. Plik HTML może zawierać między innymi nagłówki, akapity, listy, tabele, odnośniki, obrazy, formularze oraz sekcje dokumentu. Znaczniki nie określają zwykle wyglądu elementu w takim zakresie jak arkusz stylów CSS, lecz informują przeglądarkę, jaką funkcję pełni dany fragment treści.

Podstawowa strona HTML jest dokumentem tekstowym, który może być zapisany z rozszerzeniem .html albo .htm. Typowa struktura obejmuje deklarację <!DOCTYPE html>, element <html>, sekcję <head> oraz sekcję <body>. W części <head> umieszcza się między innymi kodowanie znaków, tytuł strony, informacje dla robotów indeksujących, odwołania do arkuszy CSS oraz skrypty ładowane zgodnie z potrzebami dokumentu. W części <body> znajduje się treść widoczna lub dostępna dla użytkownika.

Elementy, atrybuty i relacje między treścią

Dokument HTML składa się z elementów zapisanych za pomocą znaczników. Element może mieć znacznik otwierający, treść oraz znacznik zamykający, na przykład <p>Treść</p>. Niektóre elementy, takie jak <img> lub <br>, nie mają klasycznego znacznika zamykającego. Elementy mogą być zagnieżdżane, ale ich kolejność musi odpowiadać regułom HTML. Nieprawidłowe zagnieżdżenie może zostać częściowo skorygowane przez algorytm parsowania przeglądarki, jednak taki dokument może zachowywać się inaczej w różnych sytuacjach i utrudniać dalszą diagnostykę.

Atrybuty rozszerzają znaczenie elementów. Atrybut href wskazuje adres docelowy odnośnika, src określa źródło obrazu lub skryptu, a alt zawiera tekstową alternatywę dla obrazu. Atrybuty id i class mogą służyć do identyfikowania elementów oraz przypisywania im reguł CSS lub obsługi JavaScript. Współczesny HTML zawiera też elementy semantyczne, takie jak <header>, <nav>, <main>, <article>, <section> i <footer>. Ich użycie pomaga określić przeznaczenie części strony bez polegania wyłącznie na nazwach klas.

Parsowanie strony przez przeglądarkę

Po otrzymaniu dokumentu z serwera przeglądarka interpretuje jego zawartość za pomocą parsera HTML. Dokument jest analizowany i przekształcany w model DOM, czyli Document Object Model. DOM przedstawia stronę jako strukturę obiektów połączonych relacjami nadrzędny–podrzędny. Arkusze CSS mogą zmieniać sposób prezentowania elementów tego drzewa, a JavaScript może odczytywać i modyfikować jego zawartość, atrybuty oraz kolejność elementów.

Poprawne wyświetlenie strony zależy między innymi od kodowania znaków, poprawności odwołań do zasobów oraz sposobu dostarczenia dokumentu. Dla strony HTML typowym typem MIME jest text/html. Deklaracja <meta charset="UTF-8"> informuje przeglądarkę o kodowaniu znaków zapisanych w dokumencie, co ogranicza ryzyko wyświetlania polskich liter jako nieczytelnych symboli. Problemy z pustą stroną, brakiem stylów, niedziałającymi formularzami lub niepoprawnym układem mogą wynikać zarówno z błędów w samym HTML, jak i z niedostępnych arkuszy CSS, skryptów JavaScript, obrazów albo zasobów ładowanych z nieprawidłowych adresów.

Kontrola pliku HTML na komputerze

Podczas sprawdzania strony warto rozpocząć od otwarcia pliku w przeglądarce oraz wyświetlenia źródła dokumentu i struktury DOM w narzędziach deweloperskich. Należy zweryfikować, czy dokument ma prawidłowe rozszerzenie, czy zawiera deklarację typu dokumentu, czy odwołania do plików CSS i JavaScript wskazują istniejące lokalizacje oraz czy obrazy są dostępne. Pomocne jest także sprawdzenie konsoli przeglądarki i karty sieciowej, ponieważ pokazują błędy parsowania, brakujące pliki, nieudane żądania HTTP oraz problemy z ładowaniem zasobów.

Warszawskie Pogotowie Komputerowe wykonuje profesjonalną naprawę laptopów, komputerów PC i ich podzespołów, gdy problem z otwieraniem lub wyświetlaniem stron HTML wynika z nieprawidłowego działania systemu, przeglądarki, dysku, pamięci operacyjnej albo innych elementów komputera. W praktyce należy oddzielić błąd zapisany w dokumencie HTML od usterki urządzenia: jeżeli ta sama strona działa poprawnie na innym komputerze, przyczyny można szukać w lokalnej konfiguracji, rozszerzeniach przeglądarki, połączeniu sieciowym lub stanie systemu. Jeżeli problem występuje niezależnie od urządzenia, bardziej prawdopodobny jest błąd pliku, serwera albo zasobu, do którego strona się odwołuje.