Elemei ábra és figcaption

A hagyományos nyomtatott média, mint a könyvek és folyóiratok, képek, táblázatok és kódmintákat általában kíséri aláírását. Eddig nem sikerült kiosztani az ilyen típusú szemantikai tartalmat közvetlenül HTML, ahelyett igénybe a CSS osztály nevét. HTML5 reméli orvosolni ezt a problémát segítségével új elemet:

és
. Lássuk!

elem

Feltételezzük, hogy az elem

Meg fogják használni együtt elem
kiosztani ábrák, illusztrációk, fényképek és kódpéldák (többek között). Ez az, amit mondanak
A specifikáció:

elem

Ez egy fragmense egy független tartalmat, nem feltétlenül az aláírás, amely általában az egyes eleme a fő tartalmát egy dokumentumot, és el lehet távolítani a dokumentumot anélkül, hogy annak jelentését.

elem

Ez az elem vált okoztak komoly viták. A leírás eredetileg azt javasolta, hogy alkalmazkodjanak e célok elem . helyett jön egy új elemet. Voltak más javaslatok szerepelnek

és még fejlécek

-

. A szemantika elem megváltozott. és így kezdtük használni kombinációját
és
belül
azon a gondolaton, Jeremy. De a legtöbb ilyen gondolatok volna utasítani hiánya miatt visszafelé kompatibilitás a CSS-design.

Rendszeres olvasóink tudják, hogy egy új elem a közelmúltban bevezetett

. Ki tudja, ha ő megszokja majd, de most nézzük meg, mit mond a specifikáció:

elem

Ez jelenti a címet vagy leírást
.

elem

Ez nem kötelező, és megjelenhetnek előtt vagy után található tartalmat
. Csak egy elemet
Meg lehet helyezni
. bár az elem
tartalmazhat több utód elemek (például, vagy ).

használata
és

Tehát, már tudjuk, hogy ezek az elemek tárgyalja a leírás. Hogyan kell használni őket? Nézzünk egy példát.

a kép

A képen az elem

előjel nélküli:

Elemei ábra és figcaption

Itt a kód, hogy:

A kép és aláírás

A kép az elem belsejében

magyarázó felirat:

Elemei ábra és figcaption
Szemtelen majom Borneó. Photo Richarda Klarka

És a kódot, amit használni:

több kép

Forgalomba több képet egyetlen cellában

általános felirata:

Elemei ábra és figcaption
Elemei ábra és figcaption
Elemei ábra és figcaption
Balról jobbra: Kucabara, Pelican és szivárványlóri. Richard Clarke fotók

kódblokkba

elem

Azt is lehet használni, hogy kód példák:

Az elem körül egy hivatkozás a Creative Commons licenc rel = "engedély".

Alul van a kód, hogy:

közötti különbségek
és

Már beszéltünk az elem