Forma a treść

Mały tekst Normalny tekst Duży tekst    

Język HTML już od początku przewidywał oddzielenie formy od treści. Zadaniem HTMLa miało być wyrażanie treści, wskazywanie jej sensu i miejsca w strukturze. Dlatego został oparty na języku znaczników (programowaniu semantycznym). Oznacza to, że dokument obok tekstu zwiera także dodatkowe informacje opisujące go. Dla przykładu treść nagłówka opatrywana jest znacznikiem header (<h#>), zaś paragraf znacznikiem paragraph (<p>).

Kodowanie semantyczne ma kilka zasadniczych zalet:

  • pozwala urządzeniom dostosować sposób prezentacji treści do własnych możliwości;
  • zwiększa dostępność do treści, np. osobom niedowidzącym, wyposażonym w zestaw do czytania stron WWW;
  • pozwala prezentować dane w bardzo zbliżony sposób na każdym urządzeniu, mimo zwiększającej się różnorodności oprogramowania.

Zalety te przemawiają za przestrzeganiem założenia oddzielenia formy od treści. Zamiast dołączania do danych sposobu ich prezentacji powinno się zamieszczać tę informację w osobnych plikach kaskadowych arkuszy stylów (CSS). W ten sposób otrzymywany jest dokument, którego format jest niezależny od kodu HTML. Wygląd takiego dokumentu może być dostosowywany do urządzenia czy przeglądarki używanej przez Internautę, a także w łatwy sposób modyfikowany, bez ingerencji w kod HTML.