Vizsgatémák 13-14 CSS előfeldolgozó web jelölőnyelvei Flashcards

1
Q

Mi a CSS előfeldolgozó?

A

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.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Sorolj fel néhány CSS előfeldolgozót!

A

Less
PostCSS
Sass
Stylus

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Milyen közös jellemzői vannak a CSS előfeldolgozóknak?

A

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Mire valók a mixinek?

A

Lehetővé teszik egyes deklarációk újrafelhasználását.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Milyen kiterjesztése van a Sassnek?

A

.sass/.scss

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Jellemezd az SCSS szintaxist!

A

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Adj példát .scss és .sassra!

A

$size: 2em;
table.chessboard {
td {
height: $size;
width: $size;
}
}

$size: 2em
table.chessboard
td
height: $size
width: $size

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Melyek a behúzott szintaxis előnyei?

A

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

Sorold fel a Sass legfőbb lehetőségeit!

A

Változók
Egymásba ágyazás
Mixinek
@extend
@if
@for
Kiterjesztés/öröklés
Import
Beépített függvények

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Melyek a Web jelölőnyelvei?

A

HTML
SVG
MathML

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Mi a HTML?

A

A Web elsődleges leíró nyelve.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Mi az XHTML?

A

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.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Mi a HTML5?

A

A HTML legutóbbi verziója.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Ki fejleszti a HTML5-öt?

A

Eredetileg a WHATWG, de 2007 után már a W3C is kapcsolódott.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Mik a HTML elemek?

A

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.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

Sorold fel miért nem megengedett az előző verziókban használt prezentációs lehetőségek használata!

A

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

17
Q

Milyen prezentációs jelölési lehetőség maradt?

A

style attribútum és style elem.

18
Q

Mi egy elem tartalommodellje?

A

Egy elem tartalmának egy leírása.

19
Q

Milyen elemeket vezettek be a HTML5ben?

A

article
aside
figure
footer
header
nav
section
audio
canvas

20
Q

Milyen HTML szintaxist ismersz?

A

HTML szintaxis
XML szintaxis

21
Q

Jellemezd a HTML szintaxist!

A

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

22
Q

Jellemezd az XML szintaxist!

A

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

23
Q

Milyen karaktereket tartalmazhat a HTML szintaxis?

A

Speciális karakterek:
elem szövege nem tartalmazhat < vagy félreérthető & karaktert
attribútumérték nem tartalmazhat félreérthető & karaktert

24
Q

Mit jelent a félreérthető & karakter?

A

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.

25
Q

Jellemezd a HTML szintaxis nem idézett attribútumérték szintaxisát!

A

Ha egy nemüres karakterláncban nincs whitespace akkor az megadható határolók nélkül is
pl <input></input>
<input></input>

26
Q

Jellemezd a HTML szintaxis logikai attribútumát!

A

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.

27
Q

Jellemezd a HTML szintaxis void elemeit!

A

Csak nyitó cimkéjük van.
pl. br, img, input, link, meta, …

28
Q

Jellemezd a HTML szintaxis idegen elemeit!

A

Vagy egy nyitó és záró címkéjük van, vagy egy darab önlezáró.

29
Q

Jellemezd a HTML szintaxis opcionális címkéit!

A

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

30
Q

Jellemezd a HTML dokumentumtípus-deklarációt!

A

HTML szintaxisban <!DOCTYPE html> szükséges
XML szintaxisban tetszőleges dokumentum-típus deklaráció használható, nem kötelező a megadása

31
Q

Mi a Document Object Model(DOM)?

A

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.

32
Q

Milyen csomópontokból áll a DOM fa?

A

Document
DocumentType
DocumentFragment
Element
Text
ProcessingInstruction
Comment