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.
