Co to jest format pliku HTML?
Pliki .html są używane przez przeglądarki internetowe do renderowania stron WWW.
Pliki .html przechowują informacje w formacie zwykłego tekstu. HTML to język znaczników służący do tworzenia zawartości stron internetowych - definiuje on strukturę prostych witryn informacyjnych, jak również szkielet dynamicznych aplikacji webowych. Przeglądarki internetowe używają plików .html do renderowania stron na podstawie informacji o znacznikach zapisanych w tych plikach. Kod źródłowy HTML dowolnej strony można wyświetlić w przeglądarce za pomocą polecenia Pokaż źródło strony, dostępnego w menu kontekstowym po kliknięciu prawym przyciskiem myszy na stronie.
Język znaczników HTML obsługuje następujące konstrukcje:
- znaczniki (tagi) obsługujące właściwości (atrybuty),
- typy danych,
- odniesienia,
- encje,
- deklaracje typu dokumentu (np.
<!DOCTYPE html>).
Elementy HTML służą do strukturyzowania witryny i dodawania treści z zewnętrznych źródeł, w tym linków do innych stron, osadzonych mediów, formularzy i skryptów. HTML obsługuje również proste funkcje formatowania tekstu, takie jak rozmiar, grubość czcionki i wyróżnienie. HTML jest kompatybilny ze stylami CSS i obsługuje treści dynamiczne, takie jak odtwarzanie wideo lub interaktywne animacje poprzez powiązane pliki JavaScript.
Pliki z rozszerzeniem .html przechowują dane w formacie zwykłego tekstu, dzięki czemu można je łatwo edytować za pomocą dowolnego edytora tekstu. Zaleca się jednak, aby pliki .html były edytowane przy użyciu dedykowanych edytorów kodu, aby uniknąć potencjalnych błędów. Takie narzędzia mogą automatycznie podświetlać słowa kluczowe, poprawiać błędy składniowe lub automatycznie uzupełniać wartości. Rozszerzenia .html i .htm reprezentują ten sam format - krótszy wariant był pozostałością po starszych systemach operacyjnych z limitami nazw plików do trzech znaków.
Bezpieczeństwo
RYZYKO: LOWPlik .html jest zwykłym tekstem i można go bezpiecznie otworzyć w edytorze tekstu. Ostrzeżenie dotyczy tego, że strony HTML mogą zawierać osadzony JavaScript, który uruchamia się po otwarciu pliku w przeglądarce - złośliwy lokalny plik .html może hostować stronę phishingową (fałszywy formularz logowania) lub uruchamiać skrypty. Traktuj pliki .html z e-maili lub niezaufanych źródeł jak każdą stronę internetową: nie wpisuj danych uwierzytelniających na nieoczekiwanej stronie i najpierw otwieraj podejrzane pliki w edytorze tekstu, aby je sprawdzić, zamiast pozwalać przeglądarce na ich wykonanie. „Załączniki” HTML w wiadomościach e-mail to znana technika phishingu.
Szczegóły formatu
w pigułceProgramy otwierające pliki HTML
Windows5 apps
Mozilla Firefox
Darmowy Kliknij dwukrotnie lub przeciągnij plik do Firefox, aby go wyrenderować; Ctrl+U pokazuje źródło. 
Windows Notepad
Wbudowany Kliknij prawym przyciskiem myszy > Otwórz za pomocą > Notatnik, aby czytać/edytować surowy tekst HTML. 
Notepad
Open-source Kliknij prawym przyciskiem myszy > Edytuj (lub otwórz w Notepad++), aby wyświetlić i edytować źródło HTML z podświetlaniem składni. 
Microsoft Edge / Google Chrome
Wbudowany Kliknij dwukrotnie plik .html, aby wyświetlić go w formie wyrenderowanej. Edge jest wbudowaną domyślną przeglądarką w Windows 11. 
Visual Studio Code
Darmowy Otwórz plik .html do edycji; użyj rozszerzenia Live Preview / Live Server, aby natychmiast widzieć zmiany. 
macOS3 apps
TextEdit
Wbudowany Otwórz jako zwykły tekst (Format > Zamień na czysty tekst), aby edytować surowy kod HTML. 
Safari
Wbudowany Kliknij dwukrotnie, aby wyrenderować stronę w Safari, wbudowanej przeglądarce macOS.
Visual Studio Code
Darmowy Otwórz plik .html do edycji; użyj rozszerzenia Live Preview / Live Server, aby natychmiast widzieć zmiany. 
Linux2 apps
Firefox / Chromium / Google Chrome
Open-source Kliknij dwukrotnie, aby wyrenderować stronę w przeglądarce. 
Android1 app
Chrome / any browser
Darmowy Otwórz plik .html przez Pliki/Chrome, aby go wyrenderować; użyj aplikacji edytora kodu, aby edytować źródło.
Safari / any browser
Wbudowany Otwórz plik .html w Safari (lub przez Pliki), aby go wyrenderować; do edycji użyj aplikacji edytora kodu.
CodePen / JSFiddle
Darmowy Wklej kod HTML, aby go wyrenderować i poprawić w przeglądarce - przydatne do testowania fragmentów bez plików lokalnych. Szczegóły techniczne
specyfikacja| Typ MIME | text/html |
| Alternatywny typ MIME | application/xhtml+xml (wariant XHTML) |
| Kodowanie znaków | UTF-8 (zalecane przez standard HTML; deklarowane przez `<meta charset>` lub nagłówek HTTP Content-Type) |
| Sygnatura pliku | Brak binarnych magicznych bajtów; pliki zazwyczaj zaczynają się od `<!DOCTYPE html>` lub znacznika `<html>` |
| Kontener | Dokument tekstowy z językiem znaczników |
| Kompresja | Brak w samym pliku; serwery mogą kompresować zawartość za pomocą gzip lub Brotli podczas przesyłania |
| Typowy rozmiar pliku | Od kilku KB do kilkuset KB; obrazy, CSS i skrypty są przywoływane jako oddzielne pliki zewnętrzne |
| Struktura dokumentu | Zagnieżdżone elementy - korzeń `<html>` zawierający `<head>` (metadane i linki) oraz `<body>` (widoczna zawartość strony) |
| Alternatywne rozszerzenie | `.htm` (identyczny format; krótsza nazwa była obejściem dla limitów nazw plików 8.3) |
| Skryptowanie | Dynamiczne zachowanie dodawane przez bloki `<script>` lub zewnętrznie powiązane pliki `.js` |
| Stylizacja | Prezentacja kontrolowana przez powiązane pliki `.css`, bloki `<style>` lub atrybuty `style` wewnątrz znaczników |
| Elementy semantyczne | HTML5 wprowadził znaczniki strukturalne: `<article>`, `<section>`, `<nav>`, `<aside>`, `<header>`, `<footer>` |
| Znaczniki dostępności | Role WAI-ARIA i atrybuty `aria-*` mogą być osadzane bezpośrednio w elementach HTML |
| Viewport mobilny | Znacznik `<meta name="viewport">` kontroluje skalowanie układu na urządzeniach z małym ekranem i mobilnych |
| Utrzymanie standardu | Utrzymywany przez WHATWG jako stale aktualizowany „Living Standard” bez zamrożonych wydań wersji |
| Obsługa platform | Wieloplatformowy; obsługiwany w Windows, macOS, Linux, Android i iOS wszędzie tam, gdzie dostępna jest przeglądarka internetowa |
| Wydano | 1991 (first HTML by Tim Berners-Lee); HTML5 from 2014 |
| Najnowsza wersja | HTML Living Standard (WHATWG, continuously updated) |
| Otwarty standard | Tak · bezpłatny (royalty-free) |
| Specyfikacja | html.spec.whatwg.org |
Konwersje HTML
Pytania i odpowiedzi społeczności
pytania użytkownikówBrak pytań - bądź pierwszą osobą, która zapyta o pliki HTML.
