Számítógép súgó OlympusAndroidKerüljük a HTML5 jelöléssel kapcsolatos közös hibákat. Ábra és figurapion elemek - Webes szabványok Közös hibák az elemhasználatban
Kerüljük a HTML5 jelöléssel kapcsolatos közös hibákat. Ábra és figurapion elemek - Webes szabványok Közös hibák az elemhasználatban
Szemantikus elemek HTML5 Rendelkezésre áll a böngészők és a webfejlesztők számára. Mielőtt megjelenik a HTML5 szabvány, az oldalak összes jelölését főként elemek segítségével végezték el.
akik osztályosztályokat vagy azonosítóazonosítót kaptak a vizuális jelöléshez (például,
). Segítségükkel a HTML dokumentum a felső és az alsó lábléceket, az oldalsó paneleket, a navigációt és még sok másot helyezte el.
A HTML5 szabvány új elemeket nyújtott a strukturáláshoz, a tartalom csoportosításához és az elrendezés szöveges tartalmához. Új szemantikai elemek lehetővé tették a weboldal szerkezetének javítását azáltal, hogy hozzáadjuk a jelentése értékét a tartalomhoz (ez volt
, lett ). Nincsenek szabályok az elemek megjelenésének megjelenítésére, így az elemek mérlegelésére stilizálhatók. Minden elem rendelkezésre áll.
A HTML5 specifikáció szerint minden elem egy adott (nulla vagy több) kategóriához tartozik. Mindegyikük hasonló tulajdonságokkal rendelkező elemeket tartalmaz. Válassza ki a következő általános kategóriákat:
Meta tartalom
Streaming tartalom
Szekcionált tartalom
Fejléc tartalom
Szöveges tartalom
Beépített tartalom
Interaktív tartalom
HTML5-Elements Leírás
1. Elem
Tartalmi kategóriák: Stream tartalom. A csoportok bevezető és navigációs elemei nem kötelezőek. Tartalmazhat címsorokat, csomagolva az oldal tartalmát, keresési űrlapot vagy logót. A HTML-dokumentum egyidejűleg több elemet is tartalmazhat. És az oldal bármely részében találhatók.
Oldal Leírás.
Elem Nem lehet belépni az elemekbe
2. Elem
Tartalmi kategóriák: A weboldal navigációs blokkjának vagy az egész weboldal létrehozására szolgál, nem kell belépnie . Lehet, hogy több elem található az oldalon.
A navigációs panel elemeihez nem csak a listák használhatók:
Az elem belsejében található címeket is hozzáadhatja:
3. Elem
Tartalmi kategóriák: Streaming tartalom, szakasz tartalom. Használt bejegyzések - kiadványok, cikkek, blogbejegyzések, megjegyzések. Ez egy független különálló egység, amely ismételt felhasználásra szánt, szabályként kezdődik. Másolható más oldalakon, és tartalmazhat más elemeket amely a tartalomban szoros hozzáállást mutat a külső cikk tartalmához. Ha csak egy cikk található a címsor és a szöveg tartalma az oldalon, akkor nem kell csomagolnia egy elem. . Az elem csak akkor ajánlott, ha az elem tartalmát kifejezetten fel kell tüntetni a dokumentumrendszerben.
Tegnap csatlakoztam a Brooklyn Bird Club-hoz a Nyugat-New Jersey-i éves utazáshoz, különösen a hyper humuszhoz, viszonylag nemrégiben felfedezett forró folthoz.
De számít az életed listájára?
Úgy tűnik, most már az interneten keresztül nézhet. Ha nem tudtam kipróbálni (20 felhasználói limit látszólag), de ez minden bizonnyal hűvös. Személy szerint tudom elképzelni, hogy bármilyen kis mennyiségben helyettesíti a helyét.
4. Elem
Tartalmi kategóriák: Streaming tartalom, szakasz tartalom. Az elem univerzális dokumentumszakasz. Csoportok tematikus tartalma és általában tartalmaz egy fejlécet. Ez nem egy Wrap Clip, Ehhez megfelelőbb az elem használata.
. A tartalom lehet a tartalomjegyzék, a tudományos kiadványok részei, az esemény programja. A webhely honlapja szintén felosztható a bevezető információk, a hírek és a kapcsolatok blokkolására. Az elem csak akkor ajánlott, ha az elem tartalmát kifejezetten fel kell tüntetni a dokumentumrendszerben.
...
...
...
belül
Szülőelemeket hozhat létre beágyazott elemekkel amelyeknek egy vagy több eleme van . Nem minden oldalt kell elrendezni ilyen módon, de ez egy megengedett módszer az elemek rögzítésére. Például az oldal fő tartalmi területe két blokkot tartalmaz különböző témákkal. Ehhez hangsúlyozhat, minden egyes cikket az elem belsejébe helyezi
Megjegyzések a természetről
...
...
Történelmi jegyzetek
...
...
5. elem
Tartalmi kategóriák: Streaming tartalom, szakasz tartalom. Csoportok a domináns tartalmához kapcsolódó tartalmak közvetlenül, de amelyek külön lehetnek tekinteni (azaz a blokk eltávolítása nem befolyásolja a fő tartalom megértését). Leggyakrabban az elem oldaloszlopként (mint könyvekben) helyezkedik el, és tartalmaz egy elemcsoportot:
6. Elem
Tartalmi kategóriák: Stream tartalom. Ez egy lábléc, amely a szekcióját vagy gyökér elemét tartalmazza. Általában tartalmaz információkat a cikk szerzőjére, a másolásról, stb. Ha az egész oldal fejlécjeként használják, a tartalmat a szerzői jogi információkkal egészítik ki, hivatkozásokat a felhasználási feltételekre, a kapcsolattartási adatokra, a kapcsolódó tartalomra való hivatkozások stb.
Egy webes dokumentumban több elem is lehet
7. Elem
Tartalmi kategóriák: Stream tartalom. A szerző / a dokumentum tulajdonosának elérhetőségének meghatározására használják. Az elem belsejében elhelyezett szerző dokumentumcímke kijelölése
, Hogy megjelenítse a cikk szerzőjét - a címkén belül . A böngészőben általában dőlt betűvel jelenik meg.
8. Elem
Tartalmi kategóriák: Stream tartalom. Elem A dokumentum fő tartalmát jelenti (az elem tartalma) ). Az elemen belül található tartalomnak egyedinek kell lennie, és nem kell megismételnie a webhely összes dokumentumában, például a navigációs linkek, a másolás, logók, keresési űrlapok (ha a keresési űrlap a dokumentum fő funkciója).
Elem nem lehet ilyen elemek leszármazottja ,
Uszkár
A fajtáról
9. Elem
Tartalmi kategóriák: Streaming tartalom, gyökér rész tartalma. Elem Az autonóm tartalmat (opcionális címmel) képviseli, ami a főáram független eleme. Az elem a dokumentum fő tartalmából az oldalsó oszlopba vagy az alkalmazásba mozgatható anélkül, hogy befolyásolná a dokumentum áramlását. Egy elem használata Rövid tulajdonságokat adhat az illusztrációk, fotók, diagramok, kódfragmentumok stb.
Őszi erdő
Elem A blokk, a szélességben a blokk konténer teljes szélessége a külső franciaországi árrés percében:
10. Elem
Elem - leszármazott elem , nem tartozik a tartalom kategóriájához. Az elem blokk, szélessége megegyezik az elem szélességével Az alapértelmezett magasság 18px.
11. Elem
Tartalmi kategóriák: Meghatározza az idő (24 óra) vagy a gregorián naptár időpontját az időzóna idő és elmozdulásának esetleges jelzésével. A címke mellékelt szövege nem rendelkezik böngészővel. A címke a DateTime attribútumban érhető el, mivel a tartalma jelzi, hogy a felhasználó a számítógép képernyőjén jelenjen meg:
Automatikusan olvasható, YYYY-MM-DD formátumban kell lennie. A megadott idő, amelyet a HH: mm formátumban is megadhatunk, a t (idő) elválasztó előtag eltávolítása:
12. Elem
Tartalmi kategóriák: Stream tartalom, szöveges tartalom. Tagged szöveg , az alapértelmezett sárga (a háttér színe és a betűtípus színe a dedikált blokkban megváltoztatható bizonyos CSS-stílusok megadásával). Ezzel a címkével fontos tartalmakat, valamint kulcsszavakat jelölhet.
13. Elem
Tartalmi kategóriák: Stream tartalom, szöveges tartalom. Elkülönít egy szövegfragmenst, amelyet a szöveg többi részéből izolálnak a kétirányú szövegformázáshoz. Az egyszerre írt szövegekhez a balról jobbra és balra olvasva.
14. Elem
Tartalmi kategóriák: Stream tartalom, szöveges tartalom. Egy címke, megmutatja a böngésző helyét, ahol szükség esetén hosszú stringszünetet adhat hozzá.
15. Elemek a kelet-ázsiai karakterek leírásához
Tartalmi kategóriák: Stream tartalom, szöveges tartalom. Elem Lehetővé teszi, hogy feleségül vegyen egy vagy több elemet a szöveges tartalom kategória segítségével Ruby-Annotation. A rubin-absztrakt elsősorban a kelet-ázsiai tipográfiaban, mint egy kiejtési kézikönyvben, vagy más jellemzőket is tartalmaz. Az elem tartalmazhat: - egy és több szövegcsomópont vagy elem ; - egy vagy több elem
Elemek ,
Elem Meghatározza, hogy a beillesztett szöveg a jegyzet alapösszetevőjeként fektetett be. Elem
A rendes nyomatokban, mint például a könyvek és magazinok, képek, táblázatok vagy kód példák általában aláírással járnak. Eddig nincs lehetőségünk arra, hogy a szemantikailag megoszthassuk az ilyen típusú tartalmat közvetlenül a HTML-hez, ahelyett, hogy a CSS-osztályok nevét igénybe vehetnénk. HTML5 reméli, hogy új elemek segítségével javítja ezt a problémát: és . Tedd ki!
Elem
Feltételezzük, hogy az elem egy elemgel kombinálva fogják használni A diagramok, illusztrációk, fotók és kód példák (többek között) felosztása érdekében (többek között). Ez az, amit mondanak A specifikációban:
Elem Ez egy töredéke független tartalom, teljesen fakultatív egy aláírás, ami általában egy olyan külön elem a fő tartalma a dokumentum, és el lehet távolítani a dokumentumból nem érinti a jelentését.
Elem
Elem opcionális, és előbb is megjelenhet vagy A tartalom belsejében . Csak egy elem behelyezhető Bár maga az elem tartalmazhat több leányvállalatot (például, vagy ).
Használ és
Tehát megtudtuk, hogy ezek az elemek a specifikációban szerepelnek. Hogyan kell használni őket? Nézzük meg a példákra.
Kép
Kép az elemben Aláírás nélkül:
Itt van a kód:
A kép és az aláírással
Kép az elemben Magyarázó aláírással:
Macaque Borneo-ból. Fotó Richard Clark
És az általunk használt kód:
Macaque Borneo-ból. Fotó Richard Clark
Többszörös képekkel
Több kép elhelyezése egy elemben Megosztott aláírással:
Balról jobbra: Kukabara, Pelican és Multicolor Lorquet. Richard Clark fényképei
És maga a kód:
Balról jobbra: Kukabara, Pelican és Multicolor Lorquet. Richard Clark fényképei
Kódblokk segítségével
Elem A kód példákhoz is használható:
Creative Commons Attribution Share-Alike License
Használja az elemet A Kreatív Commons License-rel való hivatkozás körül Rel \u003d "Licenc".
Az alábbi kód:
Creative Commons Attribution Share-Alike License
Használja az elemet a kreatív kommunikációra való hivatkozás körül rel \u003d "licenc".
A különbség köztük és
Már beszéltünk az elemről
Ha a tartalom egyszerűen kapcsolódik és nem lényeges, akkor használja
Ha a tartalom fontos, de a teljes tartalomáramban lévő pozíciója nem olyan fontos, hogy az elemet használják .
Ne feledje, hogy ha a szöveg tartalmának helyzete szorosan kapcsolódik az előző és a későbbi tartalmakhoz, akkor a megfelelőbb elemeket kell alkalmazni - például,
Macaque Borneo-ból. Fotó Richard Clark 
Balról jobbra: Kukabara, Pelican és Multicolor Lorquet. Richard Clark fényképei 
