14. dia WEB JELÖLŐNYELVEI Flashcards
Mi az a HTML?
A Weben elérhető oldalak készítéséhez elsődlegesen használt leírónyelv, illetve alkalmazásprogramozási interfészek.
Statikus dokumentumokat, és akár dinamikus alkalmazásokat is lehet vele csinálni.
HTML elemek (definició)
Az elemeknek, attribútumoknak és attribútumértékeknek meghatározott jelentése (szemantikája) van eltérőt tilos írni.
Korábbi verziókban található prezentációs lehetőségeket nem lehet többé felhasználni, csak a style attribútum és elem maradtak meg.
A specifikációban definiált minden egyes elemnek van egy tartalommodellje amelyben leírt követelményeknek a tartalomnak meg kell hogy feleljen.
HTML elemek (korábbi prezentációs elemek média-függetlenné tétele)
b - Korábban a félkövér betűt, most a kulcsszavakat jelenti.
i - Korábban a kurzív betűket, most a hangnembeli változást jelenti.
hr - Korábban a vízszintes választóvonalat, most a témaváltást jelenti.
small - Korábban a kisebb betűméretet, most a lapszéli megjegyzést jelenti.
s - Korábban áthúzást, most pontatlan szöveget jelent.
u - Korábban aláhúzást, most az artikulálatlan jelölést jelzi.
HTML elemek (idegen elemek)
A MathML és SVG névterekbe tartozó elemek.
HTML elemek (HTML 5 jobb tagolás érdekében)
article
aside
figure
footer
header
hgroup
nav
section
HTML elemek (HTML 5 további hasznos elemek)
audio
canvas
data
dialog
math
meter
picture
progress
summary/details
time
video
Globális attribútumok
id
class - az elemek kiterjesztésére használják a szerzők. Gyakorlatilag saját elemeket hoznak létre. Tokenek egy szóközökkel elválasztott listája.
lang
style
egyéni attribútumok - A “data-“ karakterlánccal kezdődik., amelyet legalább egy karakter követ. Olyan annotációt, adatot, állapotot tartalmazhatnak privát módon, amelyekhez nincsenek megfelelőbb elemek vagy attribútumok. Tetszőleges számú és értékű megadható belőle.
(HTML szintaxisok) HTML szintaxis, XML szintaxis
HTML :
Hasonlít az SGML-hez és XML-hez, de egy külön álló nyelv, saját szabályokkal.
Kompatiblilis régi böngészőkkel.
XML :
XML 1.0 és Namespace in XML 1.0 szabványokon alapuló szintaxis.
Nem határoz meg további követelményeket az XML-hez előírtakon kívül.
XHTML szintaxisnak is nevezik.
(HTML szintaxisok) HTML szintaxis
Kötelező dokumentumtípus-deklaráció.
Elem szövege nem tartalmazhat ‘<’ és ‘&’ karaktereket és attribútumérték nem lehet ‘&’.
Elemek és attribútumok kisbetű-nagybetű érzéketlenek és tetszőlegesen keverhetőek.
A logikai attributumok értékét nem kell megadni, ha azt megadjuk akkor egyeznie kell a nevével, vagy üres karakterlánccal.
Üres (void) elemek, csak nyitó cimkét adhatunk meg.
Idegen elemek vagy nyitó és záró cimkével vagy önlezáróként működnek.
(önlezáró : < circle cx=”50” cy=”50” r =”50” / >)
Opcionális cimkék megadása nem kötelező, ilyen a < html > vagy az < /li > zárócímke.
Névtér-deklarációk nem támogatottak.
CDATA-szakaszok csak idegen tartalomban (MathMl vagy SVG) használhatóak.
(HTML szintaxisok) XML szintaxis
DTD-k és XML sémák nem képesek kifejezni a HTML által
támasztott valamennyi megfelelési követelményt.
Document Object Model (DOM)
Egy API dokumentumok memória beli tárolásához, eléréséhez és manipulálásához.
Minden dokumentumot egy fa ábrázol, amelyek csomópontokból állnak, ezeket egy API-val rendelkező objektum ábrázolja.
Csomópontok lehetnek:
Document, DocumentType, Element, Text, ProcessingInstruction, Comment
A DOM interfészek Web IDL-ben kerülnek leírásra amely egy interfészleíró nyelv.
HTML megfelelési kritériumai DOM műveletekkel vannak meghatározva.
A HTML dokumentumtípus-deklaráció
<!DOCTYPE html> aminek célja, hogy szabványszerűen történjen a dokumentum megjelenítése.
Böngészők megjelenítési módjai
A renderelő motorok az alábbi módon jeleníthetnek meg:
- Kompatibilitási mód :
Régi böngészők viselkedésének utánzása az aktuális webszabványokat sértő módon régi weboldalak megjelenítéséhez.
- Szabványos mód :
A weboldalak megjelenítése az aktuális webszabványoknak megfelelően.
- Majdnem szabványos mód
Hibakezelés
Az aktuális HTML specifikáció előírja az érvénytelen dokumentumok részleges feldolgozását is.
Elnézőek a böngészők a hibákkal szemben, azokat autómatikusan kijavítják.
Léteznek megfelelési ellenőrző eszközök is, amelyek vizsgálják, hogy teljesíti-e a specifikációt a HTML.
Pl.: Nu HTML Checker