HTML to warstwa dokumentu w internecie, która zapewnia strukturę i treści niezbędne do nadania stronom internetowym znaczenia. Znajdziesz tu treści dotyczące HTML, takie jak kursy, artykuły, kolekcje i inne przydatne informacje, które pomogą Ci poznać tę ważną część internetu.
Nie znasz HTML? Aby Ci w tym pomóc, przygotowaliśmy kompleksowy kurs.
Aby dowiedzieć się więcej o konkretnych zagadnieniach związanych z HTML, zapoznaj się z tymi kursami.
Poznaj najnowsze funkcje HTML, które są dostępne we wszystkich głównych silnikach przeglądarek.
Poznaj wzorce i koncepcje HTML, które pomogą Ci tworzyć bardziej dostępne aplikacje internetowe.
Poznaj pojęcia i wzorce oparte na języku HTML, które pozwolą Ci przyspieszyć działanie aplikacji internetowych.
Dowiedz się, jak używać Narzędzi deweloperskich w Chrome do debugowania kodu HTML i elementów DOM w aplikacjach internetowych.
KURS

Jeśli nie masz doświadczenia z językiem HTML, mamy dla Ciebie wsparcie. W naszym kursie Ucz się HTML poznasz podstawy działania HTML, takie jak zagadnienia związane ze strukturą, metadane, semantyka i inne tematy, które pomogą Ci doskonalić swoje umiejętności.

Naucz się HTML-a

Jeśli chcesz dowiedzieć się więcej o HTML, w tych kursach znajdziesz zaawansowane tematy, które pomogą Ci ulepszać aplikacje internetowe.

Formularze HTML umożliwiają użytkownikom wprowadzanie danych wejściowych do aplikacji internetowych, a na tym kursie dowiesz się wszystkiego, co musisz wiedzieć na temat efektywnego korzystania z nich.
Poznaj Formularze
Obrazy są często używane w internecie, ale nie wystarczy użyć elementu img. Ten kurs zawiera wszystkie informacje o korzystaniu z obrazów w internecie.
Dowiedz się więcej o Grafice
Dostępność obejmuje wszystkie części platformy internetowej, ale podstawą tworzenia dostępnych aplikacji internetowych jest tworzenie kodu HTML z uwzględnieniem dostępności. Ten kurs zawiera wszystko, co musisz wiedzieć, aby pisać kod z oznaczeniami ułatwiającymi dostępność.
Dowiedz się więcej o ułatwieniach dostępu

Punkt odniesienia sygnalizuje programistom stron internetowych, że funkcje platformy internetowej mogą być bezpiecznie używane we wszystkich głównych silnikach przeglądarek. Oto kilka nowych funkcji HTML, które są teraz dostępne w wersji podstawowej.
Deklaratywny shadow DOM stał się punktem odniesienia. Nowa wersja jest dostępna od 2024 r.
Interfejs Popover API stał się dostępny jako punkt odniesienia w 2024 r.
Atrybut inert stał się dostępny jako punkt odniesienia Nowy w 2023 r.
Leniwe ładowanie elementów iframe stało się zasadą odniesienia Nowość w 2023 r.

HTML jest podstawą tworzenia dostępnych aplikacji internetowych. W tej sekcji znajdziesz artykuły i materiały, które pomogą Ci dowiedzieć się więcej o tworzeniu aplikacji internetowych z użyciem HTML.
Korzystając z odpowiednich elementów nagłówków i punktów orientacyjnych, możesz znacznie ulepszyć nawigację dla użytkowników technologii wspomagającej.
Więcej informacji
Użycie prawidłowych semantycznych elementów HTML może zaspokoić większość lub wszystkie wymagania dotyczące dostępu do klawiatury. Oznacza to, że nie musisz tracić czasu na zabawę z tabindexem, a użytkownicy będą szczęśliwsi.
Więcej informacji
Wielu użytkowników z tymczasowymi lub trwałymi zaburzeniami ruchowymi korzysta ze skrótów klawiszowych, aby efektywniej poruszać się po aplikacjach. Dobra strategia korzystania z klawiatury w aplikacji zapewnia większą wygodę wszystkim użytkownikom.
Więcej informacji
Aby czytnik ekranu mógł przedstawić użytkownikowi interfejs głosowy, znaczące elementy muszą mieć odpowiednie etykiety lub zamienniki tekstu. Etykieta lub tekst alternatywny nadają elementowi nazwę na potrzeby ułatwień dostępu. Jest to jedna z kluczowych właściwości służących do wyrażania semantyki elementu w drzewie ułatwień dostępu.
Więcej informacji

Sposób korzystania z języka HTML może wpływać na wydajność Twoich aplikacji internetowych. W tej sekcji znajdziesz artykuły i materiały, które pomogą Ci dowiedzieć się więcej o tym, jak używać HTML do przyspieszania działania aplikacji internetowych.
Skaner wstępnego wczytywania przeglądarki to wyspecjalizowany parser HTML, którego przeglądarka używa do wykrywania zasobów wcześniej niż zwykle. Dowiedz się, jak wpływa on na wydajność aplikacji internetowych i jak możesz go unikać.
Więcej informacji
Interfejs Fetch Priority API używa atrybutu HTML fetchpriority, aby wskazać względny priorytet zasobów dla przeglądarki. Może to umożliwić optymalne wczytywanie i poprawić podstawowe wskaźniki internetowe.
Więcej informacji
Wstępne wczytywanie zasobów to technika, która wykorzystuje element HTML link do informowania przeglądarki o potrzebie pobrania zasobu przed jego użyciem. Z tego przewodnika dowiesz się, jak go używać do zwiększania wydajności aplikacji internetowych.
Więcej informacji
Leniwe ładowanie obrazów to skuteczna metoda oszczędzania przepustowości sieci podczas początkowego wczytywania strony. Z tego przewodnika dowiesz się, jak używać HTML loading do ładowania obrazów z opóźnieniem.
Więcej informacji

Narzędzia deweloperskie w Chrome to zestaw narzędzi dla deweloperów do debugowania aplikacji internetowych. Oto kilka sugerowanych narzędzi, które mogą Ci pomóc w debugowaniu kodu HTML i DOM strony w Twoich aplikacjach internetowych oraz innych powiązanych koncepcjach.
W DevTools jest dostępny panel Elementy, który umożliwia wyświetlanie, edytowanie i debugowanie interfejsu DOM aplikacji internetowej. Przeczytaj ten przewodnik, aby zacząć korzystać z panelu Elementy.
Więcej informacji
Panel Elementy w DevTools umożliwia monitorowanie zmian w DOM wywołanych przez JavaScript. Dowiedz się, jak korzystać z tej przydatnej funkcji do debugowania zmian w DOM aplikacji internetowej.
Więcej informacji
Panel Zasięg jest przydatnym narzędziem do znajdowania nieużywanego kodu CSS i JavaScriptu wczytanego przez kod HTML aplikacji internetowej. Z tego przewodnika dowiesz się, jak z niego korzystać i w jaki sposób może poprawić wydajność Twoich aplikacji internetowych.
Więcej informacji