Strona internetowa napisana w języku HTML powinna być zapisana w pliku z rozszerzeniem .html lub .htm. Nowoczesne standardy i zalecenia branżowe preferują stosowanie rozszerzenia .html.
Rozszerzenie .html i .htm – czym są?
- .html – najpopularniejsze rozszerzenie stosowane do oznaczania plików zawierających kod HTML, czyli język znaczników służący do tworzenia i strukturyzowania treści stron internetowych;
- .htm – skrócona wersja rozszerzenia, używana głównie z powodów historycznych. Pierwsze wersje systemu Windows obsługiwały wyłącznie trzy znaki w rozszerzeniach plików, stąd konieczność stosowania krótszego wariantu. Dziś obu rozszerzeń można używać zamiennie, lecz praktyka branżowa zdecydowanie preferuje .html.
Przykładowe zastosowania plików .html i .htm
- Strona główna serwisu –
Typową nazwą pliku startowego jestindex.html. Gdy użytkownik wpisuje adres domeny (np. mojadomena.pl), serwer automatycznie wyświetla zawartość tego pliku; - Podstrony –
Każda podstrona witryny może mieć osobny plik HTML, np.kontakt.html,oferta.html,o-nas.html; - Wersje testowe –
Często stosuje się pliki HTML tymczasowe do testowania funkcjonalności, np.test.html,nowa-funkcja.html; - Szablony i komponenty –
W tworzeniu większych projektów pliki HTML mogą pełnić rolę szablonów, które potem są składane przez systemy szablonowania lub frameworki.
Przykład prostego pliku HTML
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<title>Przykładowa strona</title>
</head>
<body>
<h1>Witaj na mojej stronie!</h1>
<p>To jest przykładowa strona napisana w HTML.</p>
</body>
</html>
Taką zawartość należy zapisać w pliku o nazwie np. index.html lub przyklad.html.
Jak utworzyć i otworzyć plik HTML?
- Otwórz dowolny edytor tekstowy (np. Notatnik, Visual Studio Code, Sublime Text),
- Wprowadź kod HTML i zapisz plik z rozszerzeniem .html,
- Aby wyświetlić stronę, wystarczy dwukrotnie kliknąć plik – otworzy się w domyślnej przeglądarce internetowej. Alternatywnie, w przeglądarce możesz użyć kombinacji klawiszy Ctrl+O, wskazać plik i go otworzyć.
Rozszerzenie a pozycjonowanie SEO
Stałe, statyczne pliki .html są korzystne zarówno ze względu na szybkość ładowania strony, jak i jej bardziej przejrzyste indeksowanie przez roboty wyszukiwarek. Dla serwisów opartych na dynamicznych skryptach (np. PHP), można generować treści, które kończą się rozszerzeniem .html dla lepszej optymalizacji SEO.
Dodatkowe rozszerzenia związane z HTML
- .xhtml – używane dla dokumentów pisanych w standardzie XHTML (bardziej rygorystyczna wersja HTML). To rozszerzenie spotyka się coraz rzadziej, ze względu na ograniczoną kompatybilność ze starszymi przeglądarkami.
Podsumowanie
Najbezpieczniej i najwłaściwiej jest zapisywać pliki stron internetowych jako .html. To praktyka zgodna z obecnymi standardami i powszechnie rozpoznawana przez serwery i przeglądarki internetowe. Nazwy plików nie powinny zawierać spacji, znaków specjalnych ani polskich liter. Przykłady poprawnych nazw plików to: index.html, kontakt.html, moja_strona.html.
