HTML alapok › 1. modul: Az első weboldal › 1.6 lecke
HTML alapok · 1.6 lecke
HTML megjegyzés: üzenet a kódban
A megjegyzés olyan szöveg a kódban, amit a böngésző nem jelenít meg. Jegyzet magadnak, üzenet a csapattársadnak, vagy egy ideiglenesen kikapcsolt kódrész. Ebben a leckében megtanulod, mikor hasznos, és miért nem szabad benne titkot tartani.
A lecke végére
- megjegyzést írsz a HTML-kódba;
- tudod, mire jó: jegyzet, csapatmunka, kód ideiglenes kikapcsolása;
- tudod, hogy a megjegyzés a forráskódban mindenki számára látható;
- elkerülöd a megjegyzések szabálytalan használatát.
Mielőtt elkezded
Érdemes ismerni a HTML-dokumentum felépítését.
Így írsz megjegyzést
<!-- Ez egy megjegyzés: a böngésző nem mutatja meg --> <h1>Anna oldala</h1> <!-- Több soros megjegyzés is lehet. Például egy rövid leírás a következő részről. -->
A megjegyzés a <!-- jellel kezdődik, és a --> jellel ér véget. Ami a kettő között van, azt a böngésző figyelmen kívül hagyja.
Csináld meg!
A VS Code-ban állj egy sorra, és nyomd meg a Ctrl + / billentyűket (Macen: Command + /). A sor megjegyzéssé válik, még egy lenyomásra pedig visszaáll.
Mire jó a megjegyzés?
„Ide majd képet teszek.” Így nem felejted el, mit terveztél.
Egy csapattárs gyorsabban átlátja, melyik rész mit csinál.
Egy kódrészt kipróbálásképp „kikommentelhetsz” anélkül, hogy kitörölnéd.
Mértékkel
A jó kód nagyrészt magától is érthető. Ne írd le megjegyzésben, ami a kódból úgyis látszik („ez egy bekezdés”), inkább azt, amit nem: miért döntöttél így.
Figyelem: a megjegyzés nem titkos!
Mindenki láthatja
A megjegyzés nem jelenik meg az oldalon, de a forráskódban (Ctrl + U) bárki elolvashatja. Soha ne írj bele jelszót, személyes adatot vagy olyat, amit nem mondanál el nyilvánosan.
Jósold meg!
Egy iskolai webhely forráskódjában ez áll: <!-- admin jelszó: suli2026 -->. Miért veszélyes?
Megoldás
Mert bárki megnézheti a forráskódot, és a jelszóval hozzáférhet a webhely kezeléséhez. Ez valódi biztonsági hiba, amit a támadók keresnek is.
Két szabály
--> lezárja az egészet, és a maradék szövegként megjelenik.--), mert az szabálytalan.Hibavadászat
1. Egymásba ágyazott megjegyzés
<!-- Külső <!-- belső --> rész -->Mi a baj?
Az első --> lezárja a megjegyzést, így a „rész -->” szöveg megjelenik az oldalon. Megjegyzés nem ágyazható egymásba.
2. Lemaradt a zárás
<!-- Ide jön majd a galéria <p>Rólam</p>
Mi a baj?
Nincs -->, így a megjegyzés az oldal végéig tart, és a teljes további tartalom eltűnik.
3. Érzékeny adat
<!-- Kapcsolat: 06-30-123-4567, Petőfi u. 3. -->Mi a baj?
A megjegyzés a forráskódban nyilvános. Személyes adat, telefonszám, cím soha ne kerüljön bele.
Projekt: jegyzetek a saját oldaladon
Folytasd a saját oldalad projektet!
- Írj megjegyzést az index.html minden nagyobb része elé (például „Bemutatkozás”, „Kedvencek”).
- Egy bekezdést kapcsolj ki megjegyzéssel (Ctrl + /), nézd meg az oldalt, majd kapcsold vissza.
- Nézd meg a forráskódot (Ctrl + U): látod a megjegyzéseidet?
Kész vagy, ha…
…a megjegyzéseid segítik a kód átlátását, nincs bennük személyes adat, és tudod, hogy a forráskódban mindenki láthatja őket.
Ellenőrizd magad!
Hogyan kezdődik és végződik egy megjegyzés?
<!-- jellel kezdődik és --> jellel végződik.
Mire jó a megjegyzés?
Jegyzetre, csapatmunkára, kódrész ideiglenes kikapcsolására.
Titkos a megjegyzés?
Nem: a forráskódban bárki elolvashatja.
Ágyazható-e egymásba két megjegyzés?
Nem, az első záró jel lezárja az egészet.
Tanároknak
Kerettantervi kapcsolódás
NAT 2020, Digitális kultúra, 9. évfolyam, Publikálás a világhálón: HTML-dokumentumok készítése; kapcsolódik az adatbiztonság és a személyes adatok védelmének kérdéseihez (információs társadalom).
Módszertan
A lecke a kódolási jó gyakorlatot (értelmes megjegyzés) és a biztonságtudatosságot kapcsolja össze. A „nem titkos” rész valós biztonsági hibára mutat rá, ami a forráskód megtekintésével azonnal ellenőrizhető.
Időterv
A megjegyzés írása: 8 perc. Mire jó?: 8 perc. Nem titkos!: 8 perc. Szabályok és hibavadászat: 12 perc. Projekt: 9 perc.