Vizsgatémák 13-14 CSS előfeldolgozó web jelölőnyelvei Flashcards
Mi a CSS előfeldolgozó?
A CSS előfeldolgozó CSS-t generálnak.
A CSS-t új lehetőségekkel egészítik ki, mint például változók, egymásba ágyazás, függvények, mixinek.
Sorolj fel néhány CSS előfeldolgozót!
Less
PostCSS
Sass
Stylus
Milyen közös jellemzői vannak a CSS előfeldolgozóknak?
Egysoros megjegyzések // karakterekkel kezdődnek és a sor végéig tartanak
@import az előfeldolgozók böngészőktől eltérően kezelik az @import at-szabályoakat.
A sima CSS importokhoz a böngészőnek kell HTTP kéréseket végrehajtania, a CSS előfeldolgozók az importokat fordítás során kezelik
Mire valók a mixinek?
Lehetővé teszik egyes deklarációk újrafelhasználását.
Milyen kiterjesztése van a Sassnek?
.sass/.scss
Jellemezd az SCSS szintaxist!
Két szintaxis:
SCSS - a CSS egy kiterjesztése .scss
Behúzott szintaxis (indented syntax): Sass eredeti szintaxisa, behúzást használ kapcsos zárójel és pontosvessző helyett .sass
Adj példát .scss és .sassra!
$size: 2em;
table.chessboard {
td {
height: $size;
width: $size;
}
}
$size: 2em
table.chessboard
td
height: $size
width: $size
Melyek a behúzott szintaxis előnyei?
SCSS szintaxishoz képest tömörebb, könnyebben írható és kikényszeríti a tiszta kód írását
A behúzott szintaxis a Haml jelölőnyelvből jön, melyből a Sass származik
Sorold fel a Sass legfőbb lehetőségeit!
Változók
Egymásba ágyazás
Mixinek
@extend
@if
@for
Kiterjesztés/öröklés
Import
Beépített függvények
Melyek a Web jelölőnyelvei?
HTML
SVG
MathML
Mi a HTML?
A Web elsődleges leíró nyelve.
Mi az XHTML?
Az XML alkalmazásként definiált HTML szigorúbb szabályokat ír elő a dokumentumok számára, így azok feldolgozása egyszerűbb.
Mi a HTML5?
A HTML legutóbbi verziója.
Ki fejleszti a HTML5-öt?
Eredetileg a WHATWG, de 2007 után már a W3C is kapcsolódott.
Mik a HTML elemek?
Az elemeknek, attribútumoknak és attribútumértékeknek meghatározott jelentése van.
pl ol egy rendezett lista
A szerzők csak rendeltetés szerűen használhatják ezeket.
Sorold fel miért nem megengedett az előző verziókban használt prezentációs lehetőségek használata!
A prezentációs jelölők problémái:
prezentációs elemek használata rontja a hozzáférhetőséget
magasabb karbantartási költség
nagyobb dokumentumméret
Milyen prezentációs jelölési lehetőség maradt?
style attribútum és style elem.
Mi egy elem tartalommodellje?
Egy elem tartalmának egy leírása.
Milyen elemeket vezettek be a HTML5ben?
article
aside
figure
footer
header
nav
section
audio
canvas
…
Milyen HTML szintaxist ismersz?
HTML szintaxis
XML szintaxis
Jellemezd a HTML szintaxist!
Hasonlít az SGML és az XMLhez, külön nyelv saját feldolgozási szabályokkal
Kompatibilis a legtöbb böngészővel
Fájlkiterjesztés .html .htm
Média típus text/html
Jellemezd az XML szintaxist!
XML 1.0 szabványokon alapul
Nem határoz meg további követelményeket az XML szintaxison túl
XHTML szintaxisnak is nevezik
Fájlkiterjesztés .xhtml .xht
Média típus application/xhtml+xml
Milyen karaktereket tartalmazhat a HTML szintaxis?
Speciális karakterek:
elem szövege nem tartalmazhat < vagy félreérthető & karaktert
attribútumérték nem tartalmazhat félreérthető & karaktert
Mit jelent a félreérthető & karakter?
Olyan & karakter, melyet egy vagy több ASCII alfanumerikus karakter és egy ; követ, mely nem felel meg a szabvány által nevesített karakterhivatkozások egyikének sem.
Jellemezd a HTML szintaxis nem idézett attribútumérték szintaxisát!
Ha egy nemüres karakterláncban nincs whitespace akkor az megadható határolók nélkül is
pl <input></input>
<input></input>
Jellemezd a HTML szintaxis logikai attribútumát!
Egy logikai attribútum jelenléte igaz értéket jelent, hiánya hamis.
Ha megjelenik értéke vagy üres, vagy az attribútum nevével megegyező értéke kell, hogy legyen.
Jellemezd a HTML szintaxis void elemeit!
Csak nyitó cimkéjük van.
pl. br, img, input, link, meta, …
Jellemezd a HTML szintaxis idegen elemeit!
Vagy egy nyitó és záró címkéjük van, vagy egy darab önlezáró.
Jellemezd a HTML szintaxis opcionális címkéit!
Egyes esetekben elhagyhatók a nyitó vagy záró címkék.
pl. gyökérelemnél nem mindig kell kiírni a <html> karakterláncot
li zárócímkéje is elhagyható, ha li követi, vagy nincs több tartalom a szülőben
html elem nyitócímkéje ha nem megjegyzéssel kezd
html elem zárócímkéje ha nem megjegyzés követi
Jellemezd a HTML dokumentumtípus-deklarációt!
HTML szintaxisban <!DOCTYPE html> szükséges
XML szintaxisban tetszőleges dokumentum-típus deklaráció használható, nem kötelező a megadása
Mi a Document Object Model(DOM)?
A DOM fa egy dokumentum memóriabeli ábrázolása.
A DOM egy alkalmazásprogramozási interfész dokumentumok eléréséhez és manipulálásához.
Milyen csomópontokból áll a DOM fa?
Document
DocumentType
DocumentFragment
Element
Text
ProcessingInstruction
Comment
