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.

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.
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.
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ść.

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.

Wrześniu 2024 r. wyłączne panele zostały udostępnione jako nowe domyślne.
Deklaratywny shadow DOM stał się punktem odniesienia. Nowa wersja jest dostępna od lutego 2024 r.
Interfejs Popover API stał się dostępny jako nowa podstawowa wersja w kwietniu 2024 r.
Atrybut „inertny” stał się dostępny w wersji „Nowość” w kwietniu 2023 r.
W grudniu 2023 r. element iframe został udostępniony jako nowa podstawa.

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.
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.
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.
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.

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ć.
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.
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.
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.

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.
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.
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.