Ciekawostki o HTML

programowanie

html

HTML (HyperText Markup Language) to fundamentalny język znaczników odpowiedzialny za strukturę i semantykę każdej strony internetowej w sieci WWW. Jego prawidłowa składnia bezpośrednio determinuje szybkość parsowania drzewa DOM przez przeglądarki oraz dokładność interpretacji treści przez roboty indeksujące.

16 ciekawostek o HTML

  1. 18 oryginalnych tagów
    W 1991 roku Tim Berners-Lee opublikował pierwszy oficjalny dokument opisujący HTML, który zawierał zaledwie 18 tagów. Do dziś w specyfikacji przetrwało 13 z nich.
  2. Architektura HTML5 z 2014 roku
    Standard HTML5 z 2014 roku wprowadził tagi semantyczne, takie jak i , drastycznie zmieniając sposób indeksowania stron. Roboty Google zyskały lepszy kontekst architektoniczny witryny.
  3. Mityczny tag blink
    Tag został wprowadzony w 1994 roku przez przeglądarkę Netscape Navigator jako wewnętrzny żart inżynierów. Szybko stał się zmorą użyteczności i ostatecznie został usunięty ze standardów W3C ze względu na problemy z dostępnością.
  4. Natywne opóźnienie ładowania grafik
    Atrybut loading="lazy" wprowadzony natywnie do tagu pozwala przeglądarkom opóźnić pobieranie grafik znajdujących się poza ekranem. Wdrożenie tego atrybutu może skrócić czas Largest Contentful Paint (LCP).
  5. Brak pętli i instrukcji warunkowych
    HTML nie jest językiem programowania, lecz językiem znaczników opartym na architekturze SGML. Nie posiada zmiennych, pętli ani instrukcji warunkowych, przez co samodzielnie nie wykonuje operacji logicznych.
  6. Koniec znaczenia meta keywords
    Atrybut meta keywords przestał być uwzględniany przez algorytmy rankingowe Google już w 2009 roku. Wysycanie tego tagu słowami kluczowymi to archaiczna praktyka, która obecnie nie wpływa na pozycje w wynikach wyszukiwania.
  7. Tryb quirks mode a deklaracja DOCTYPE
    Deklaracja została maksymalnie skrócona w HTML5. Jej zadaniem jest wymuszenie renderowania strony w trybie standardów i zapobieganie uruchomieniu przestarzałego trybu quirks mode.
  8. Redukcja wagi przez minifikację
    Minifikacja kodu HTML poprzez usunięcie białych znaków, komentarzy i zbędnych spacji zmniejsza wagę pliku średnio o 10 do 20 procent. Mniejszy rozmiar dokumentu przyspiesza pobieranie i analizowanie drzewa DOM.
  9. Przewijający się tekst marquee
    Tag generujący przewijający się tekst powstał jako odpowiedź Microsoftu na tag firmy Netscape. Obecnie ma status przestarzałego (deprecated), a jego użycie nie jest zgodne ze współczesnymi zasadami dostępności WCAG.
  10. Dominacja specyfikacji HTML 4.01
    Wersja HTML 4.01 funkcjonowała jako główny standard tworzenia stron internetowych przez ponad dekadę, od 1999 roku aż do nadejścia HTML5. Wprowadziła uporządkowane zasady budowy dokumentów internetowych.
  11. Wdrożenie tagów kanonicznych
    Tagi rel="canonical" w sekcji zostały wprowadzone wspólnie przez Google, Yahoo i Microsoft w 2009 roku. Służą do wskazywania oryginalnego źródła treści i ograniczania problemów z duplikacją stron.
  12. Limit szerokości w tagu title
    Przeglądarka Google nie ucina zawartości tagu na podstawie sztywnej liczby znaków, lecz szerokości w pikselach wynoszącej około 600 px. Znaki o różnej szerokości wpływają na moment obcięcia tytułu w wynikach wyszukiwania.
  13. Wydzielenie warstwy prezentacyjnej
    Håkon Wium Lie zaproponował stworzenie arkuszy CSS w 1994 roku, aby uporządkować kod HTML. Język znaczników stawał się coraz mniej czytelny przez nadużywanie tagów prezentacyjnych typu , które łączyły treść bezpośrednio z wyglądem.
  14. Hiperłącza jako fundament PageRank
    Znacznik hiperłącza stanowi architektoniczny fundament działania sieci WWW oraz pierwszego algorytmu wyszukiwarki Google. To na podstawie analizy linków model PageRank oceniał autorytet poszczególnych stron.
  15. Globalna adaptacja standardu HTML5
    Według danych W3Techs na 2024 rok, ponad 95 procent wszystkich stron internetowych wykorzystuje składnię HTML5. Starsze warianty, takie jak XHTML, stanowią obecnie niewielki margines technologiczny.
  16. Pierwsza strona WWW online
    Pierwsza strona internetowa w historii, opublikowana przez CERN w 1991 roku, jest nadal dostępna. Składała się wyłącznie z prostego kodu HTML, bez CSS i JavaScript.

HTML pytania

Co to jest HTML?

HTML to podstawowy język używany do budowy stron internetowych. Odpowiada za strukturę witryny, pozwalając definiować takie elementy jak nagłówki, akapity, linki i obrazy.

Jaka jest różnica między HTML a CSS?

HTML służy do tworzenia struktury i treści strony, natomiast CSS odpowiada za jej wygląd. HTML to szkielet witryny, a CSS to jej kolory i układ elementów.

Co to jest HTML5?

HTML5 to najnowsza wersja tego języka. Wprowadza nowe znaczniki wspierające multimedia, takie jak video oraz audio, całkowicie eliminując potrzebę używania zewnętrznych wtyczek do odtwarzania.

Do czego służy sekcja head w dokumencie HTML?

W sekcji head umieszcza się informacje techniczne niewidoczne bezpośrednio na ekranie dla użytkownika. Znajdują się tam meta tagi, tytuł podstrony dla wyszukiwarek oraz podpięcia skryptów i arkuszy stylów.

Czy HTML to język programowania?

HTML nie jest językiem programowania, lecz językiem znaczników. Służy wyłącznie do opisywania układu dokumentu i nie potrafi wykonywać obliczeń ani procesów logicznych.

Jak poprawnie dodać link w kodzie HTML?

Użyj znacznika a z atrybutem href, w którym podasz adres docelowy URL. Klikalny tekst dla użytkownika wpisz bezpośrednio między znacznik otwierający i zamykający.

Dlaczego atrybut alt przy obrazkach w HTML jest ważny dla SEO?

Atrybut alt opisuje zawartość pliku graficznego dla robotów Google oraz czytników ekranu. Pomaga to w pozycjonowaniu w Google Grafika i zwiększa ogólną dostępność witryny.

Czym się różni znacznik div od span w HTML?

Znacznik div to element blokowy, który zaczyna się od nowej linii i zajmuje całą dostępną szerokość. Znacznik span to element liniowy, idealny do stylowania kilku słów w środku akapitu tekstu.

Jak wymusić otwarcie linku w nowej karcie za pomocą HTML?

Aby odnośnik otwierał się w nowej zakładce przeglądarki, musisz dodać do znacznika linku atrybut target="_blank". Jest to przydatne przy odsyłaniu ruchu do zewnętrznych domen.

Jak używać nagłówków H1 i H2 w HTML pod kątem SEO?

Znacznik H1 powinien występować na podstronie tylko raz i zawierać najważniejszą frazę kluczową. Nagłówków H2 i H3 używaj do logicznego podziału tekstu na mniejsze sekcje, co ułatwia indeksowanie algorytmom.

Masz sugestię lub chcesz zgłosić błąd? Pomóż nam ulepszać serwis. Napisz do nas
Udostępnij
ciekawostki
Link do artykułu skopiowany
CSS

Ciekawostki o CSS

Poznaj techniczne fakty o historii i mechanizmach działania języka CSS. Sprawdź, jak optymalizacja arkuszy stylów wpływa na renderowanie i wydajność stron.