2. eloadas/HTML Flashcards
(26 cards)
HTML dokumentum szerkezeti elemei
<html></html>
<head></head>
<body></body>
<html></html>
A html elem a dokumentum határait jelöli, ez a gyökér elem.
<head></head>
Ez a dokumentum fejrésze, a címkék közti rész a metaadatokkal együtt.
<body></body>
A dokumentum törzse, ez tartalmazza egy weblap megjeleníthető részeit.
A fejrész elemei
<title> </title>
<base></base>
<link></link>
<meta></meta>
<title> </title>
- a dok. cimet hatarozza meg, csak szoveget tartalmaz
<base></base>
- a dokumentumban talalhato relativ hivatkozasok URL-jet hatarozhatjuk meg, nincs tartalma
<link></link>
- mas dokumentumokra mutato linkeket hataroz meg.
- gyakran stiluslapokra hivatkoznak ezzel
<meta></meta>
-metaadatokat lehet meghatarozni vele, mint pl. a szerzo neve, leiras, kulcsszavak.
A fejrész további elemei HTML5 ben
<object></object>
<style></style>
<object></object>
-generikus objektumok helyezhetok itt el.
- szkriptek tarolojakent szolgalhat, illetve kulso szkriptekre lehet benne hivatkozni
<style></style>
-stilusinformaciokat tartalmazhat a dokumentumrol, illetve kulso cssre lehet hivatkozni benne
XHTML: KÜLÖNLEGES KÖVETELMÉNYEK
- szükség van a DOCTYPE meghatározásra
- minden elemet, jellemzőt és értéket kisbetűvel kell írni
- minden értéket idézőjelben kell megadni
- minden jellemzőnek egyértelműen kell megadni az értékét
HTML ELEMEK CSOPORTOSÍTÁSA
A HTML elemek két nagy csoportra oszthatók:
blokk és szövegközi elemekre.
Blokk-elemek
pl. p, ul, div stb.
* Leegyszerűsítve: a blokk elemek előtt és után sortörés van
Sor-elemek
pl. b, span stb.
<div>
</div>
- egy blokk szintu elem, amelyet weboldalak kulonbozo reszeinek csoportositasara hasznalnak, tehat containerekre osztja
- mivel blokk szintu elem, egy uj sort kezd es a teljes szelesseget elfoglalja a szulo elemen belul
<span></span>
- egy sorszintu elem, kisebb reszek, szavak kiemelesere hasznalnak
-mivel sorszintu elem nem kezd uj sort, es csak a szukseges szelesseget foglalja el.
id
- egyedik es azonositjak azt az elemet amelyhez hozza vannak rendelve
class
- azokhoz az elemekhez hasznaljuk amelyek nem egyediek, tobbszor felhasznaljuk a weblapon
HTML szintaktikai hibák
Szintaktikai hiba, ha a HTML kód hibás vagy nem szabványos.
Sokszor ezt nem látjuk a megjelenésben, mert a böngészők javítják a kisebb hibákat.
Hibákat HTML validátorral vagy fejlesztőeszközök beépített ellenőrzőivel lehet megtalálni.
Miért fontos elkerülni a szintaktikai hibákat?
Nem minden böngésző tudja kijavítani a hibát, így más böngészőkben rosszul jelenhet meg az oldal.
A hibák megnehezítik a későbbi fejlesztést és karbantartást.
A hibás kód akadályozza a keresőmotorokat az oldal helyes értelmezésében és indexelésében.
Kód validálás
A validálás azt jelenti, hogy ellenőrizzük, megfelel-e a kódunk az aktuális szabványoknak.
A W3C konzorcium ingyenes, online eszközöket kínál ehhez a célhoz
