Co to za tagi? :: 4programmers.net

Krwawnik

2025-01-16T07:38:28+01:00

Rejestracja: dni
Ostatnio: dni
Postów: 9

Czy Moglibyście mi wytłumaczyć, co oznaczają te tagi?
Prowadzący tutorial polecił użyć wykrzyknika w VS Code, ale nie wytłumaczył, co te tagi znaczą.
Wiem tyle, że każdy dokument html zaczyna się od "!".
Czy ja będę musiał znać na pamięć te i podobne tagi?

Kopiuj

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

Po użyciu "!" wczytał mi się tylko ten pierwszy kod.
Ten drugi musiałem przepisać ręcznie. Czy to błąd lub złe ustawienia?

Z góry dziękuje i pozdrawiam.

lion137

2025-01-16T08:44:16+01:00

Rejestracja: dni
Ostatnio: dni
Postów: 5025

Dokument zaczyna się od < :) Jak wpiszesz ! i enter to VSCode generuje podstawowy szkielet HTML. Przykłady, które podałeś to tzw. meta-tagi, przekazują informacje programom, przeglądarkom, (nie wpływają na to co widać na stronie) np., meta http-equiv="X-UA-Compatible" content="IE=edge"> ustanawia zgodność z najnowszym Edge, itd. Nie musisz się ich uczyć, dokumntację znajdziesz w necie:
https://developer.mozilla.org/en-US/

Riddle

2025-01-16T11:19:06+01:00

Rejestracja: dni
Ostatnio: dni
Postów: 10227

Tag z wykrzyknikiem to najprawdopodobniej <!doctype w

Kopiuj

<!DOCTYPE html>
<html>
<head>

Jest on w zasadzie po to żeby dać znać przeglądarce z jaką wersją HTML mamy do czynienia i w jaki sposób powinny zostać rozpoznane wszelkie tagi html. <!doctype html> znaczy że korzystamy z HTML5. Oczywiście nie trzeba podać <!doctype>. Niby według specyfikacji HTML jest wymagany, ale jak go nie podamy to przeglądarka będzie zgadywać co to za wersja html - możliwe że będzie zgadywać na podstawie istniejących innych tagów lub po prostu wybierze najnowszą wersję.

Tag <meta name="viewport" content="width=device-width, initial-scale=1.0"> to jest techniczne mambo-jambo które w zasadzie znaczy tyle, że strona wyświetli się sensowniej na telefonach.

Tag <meta http-equiv="X-UA-Compatible" content="IE=edge"> znaczy, że jeśli skorzystasz z funkcji która ma różne działanie np. na Chrome i Edge, to dzięki temu tagowi przeglądarka wybierze działanie funkcji takie jakie jest na Edge'u. Takich różnic jest stosunkowo mało.