A HTML5 a legújabb és legnagyobb Mi a HTML5, és hogyan változtatja meg a böngészés módját? [MakeUseOf magyarázat]Az elmúlt években időnként hallhatta a HTML5 kifejezést. Akármit is tud a webfejlesztésről, akár nem, a koncepció kissé homályos és zavaró lehet. Magától értetődően,... Olvass tovább az interneten a legszélesebb körben használt jelölőnyelv verziója. Van néhány nagy változás a nyelv utolsó verziójához képest, és ha nem használja őket, akkor hiányzik néhány igazán jó funkció.
Nincs helye a HTML ötödik változatának minden új elemének lefedésére, ám ezek a kilenc a legfontosabbak. A HTML5 új elemeiről és API-jairól bővebben tájékozódhat nézd meg a W3Schools oldalt.
Bevezetés a szemantikai elemekbe
Az internet nagy részéhez hasonlóan a HTML5 is a szemantikára összpontosított. Most, hogy a címkéket nem csupán formázáshoz használják, hanem a böngészők megmondására is használják és keresőmotorok A 7 legnépszerűbb szemantikus keresőmotor a Google alternatívájaként Olvass tovább annak jelentése, amit körülvesznek.
egyszerűen elmondja a böngészőnek, hogy tartalmaz egy bekezdést. , amelyet egy pillanat alatt megvitatunk, azt mondja egy böngészőnek, hogy tartalmazza az oldal fő tartalmát.
A szemantikai háló még mindig fejlődik, és csak azt kezdtük megkarcolni, hogy mit tegyen. A HTML5 segít a bejutásban szemantikai jelölés Milyen a szemantikai jelölés és hogyan fogja örökre megváltoztatni az internetet [magyarázat a technológiára] Olvass tovább az internet sokkal nagyobb részére, és ez csak a szemantikai feldolgozás jövője szempontjából lehet jó.
1.
Az a tag meghatározza a „független, önálló tartalmat”. A legegyszerűbb példa természetesen egy cikk. Ennek a cikknek a címkét a bevezetés előtt nyitottuk meg, és a következtetés után bezártuk.
A teljes szöveg a önálló részben.
De vannak más módok is arra, hogy felhasználhassák. Például sok főzési blog személyes történeteket tartalmaz arról, hogy hogyan jött létre egy recept, vagy miért fontos ez az író számára. Ezt követően maga a recept követi. Megállapíthatja azt az érvet, hogy ezen elemek mindegyike önálló lehet.
A fórumokban minden egyes üzenet vagy szál önállónak tekinthető, és mindegyiket meg lehet jelölni a sajátjával címke. Leginkább az oldal fő tartalmán fogják használni. De ne feledje, hogy kreatívabban is felhasználhatja.
2.
Szorosan kapcsolódik a jelentése . Ez meghatározza a „tartalom tematikus csoportosítását, általában egy címsorral”. Így benne lesz … jobb?
Nem feltétlenül. A W3 rámutat arra, hogy ez az Ön webhelyének szerkezetétől függ. Lehet, hogy az oldal különféle szakaszaiban önálló tartalom van (gondoljon például egy híroldal első oldalára). Lehet, hogy szakaszok vannak az adott cikkben.
Miért van szüksége egy DAC-ra
Minden jobban hangzik.
A DAC beállítása
Itt van, mit kell tennie.. .
A szakaszokon belül is lehet szakaszok, ha az illeszkedik az oldalához. Ne feledje, hogy egy szakasz egyszerűen „tartalom tematikus csoportosítása”, és rengeteg hely található a felhasználáshoz.
3.
Ezt az elemet „bevezető tartalom tárolójának kell használni”. Röviden: az Ön oldalának az a része, amely segít az embereknek megérteni, hogy mit fognak olvasni.
De ne tévesszen meg - ezt a konténert többször is használhatja. Például felhasználhatja a blogbejegyzés oldalcímének és bevezető bekezdésének azonosítására. De felhasználhatja az egyes szakaszok bevezető tartalmának megjelölésére is.
Minden, amit tudnia kell a DAC-król
Itt egy hasznos bevezetés a DAC-kba ...
A cikk többi része itt található.
A fejlécszakaszok általában legalább egy fejléccímkét tartalmaznak - H1, H2 és így tovább. Nem kell, de általában, ha fejléccímkét használ, akkor jó dolog, hogy fejléc tartalmat is tartalmaz.
4.
A W3 szerint a lábléccímkék általában tartalmazzák a „dokumentum szerzőjét, szerzői jogi információkat, linkeket a használati feltételekhez, elérhetőségeket stb.” A háztartási dolgokra gondolhat.
A dokumentáció azt is kimondja, hogy az oldalon több lábléc-szakasz is lehet. Valószínűleg jó ötlet azonban, ha ezeket az információkat egyetlen helyen tárolja.
5.
Ez a címke tartalmazza az adott oldal navigációs hivatkozásait. Vegye figyelembe, hogy csak a navigációs szakasz kapja ezt a címkét, nem az összes link az oldalon. Navigációs sávokhoz és hasonló eszközökhöz készült.
Ez egy igazán egyszerű címke - ennél sok minden van. Használja azt a navigációs szakasz meghatározásához, és ne használja újra az oldalán.
6.
Az egyik legérdekesebb új elem a HTML5-ben a fél. A W3 a következőképpen határozza meg: „némely tartalom, kivéve azt a tartalmat, amelybe helyezik”.
Röviden: a félreértés bármi, ami kapcsolódik a környező információkhoz (de elkülönül azoktól). Ez lehet egy oldalsáv, amely részletesebbé teszi a tartalmat. Ha egy sorozatban használják címkékkel, olyan kiegészítő információkat szolgáltat, amelyek nem szükségesek a fő tartalom megértéséhez.
Például, ha beillesztettünk egy oldalsávot ebbe a cikkbe, amely információkat tartalmaz a HTML5 történetéről, akkor ez nem lenne helyénvaló.
De a
A fő cikk itt található. A cikk itt folytatódik.
Mivel ennek a címkének többféle felhasználása van, zavaró lehet. Ha szem előtt tartja, hogy „másodlagos tartalom”, és hogy nem mindig kell, hogy legyen oldalsáv, akkor jobb ötlete lesz annak használatáról.
7.
Számos weboldal rendelkezik olyan információkkal, amelyeket megjeleníteni kell, de nem feltétlenül. Lehet, hogy ez egy fénykép szerzői jogi információi. Vagy a finom nyomtatás egy versenyen. Ez a fajta információ pontosan az, amire a részletcímke vonatkozik.
A részletcímke használatakor rejtett szöveget hoz létre, amely könnyen megjeleníthető. Íme egy példa:
Kattintson ide az információk megtekintéséhez.
Itt található részletesebb információ, amelyre nincs szüksége azonnal.
Csak kattintson a nyílra a részletekért. Egyszerű. Ugyanolyan egyszerű létrehozni. A fenti példához használt kód:
Kattintson ide az információk megtekintéséhez. Itt található részletesebb információ, amelyre nincs szüksége azonnal.
Az a tag meghatározza a megjelenő mondatot, míg a többi tartalom rejtett. Vegye figyelembe, hogy a részletek szakaszában más címkéket is használhat: címsorok, szakaszok és így tovább.
Vannak más is hűvös dolgok, amelyeket a HTML-rel megtehetsz 8 nagyszerű HTML effektus, amelyeket bárki hozzáadhat webhelyéhezNem kell tudnia a CSS-t vagy a PHP-t egy divatos webhely felépítéséhez. Használja ezeket a hűvös HTML trükköket fantasztikus effektusok előállításához. Olvass tovább akkor is, ha nem ismersz sok CSS-t vagy JSON-t.
8-9. és
Ne aggódj, a a címke, amelyet évek óta használ, nem fog eltűnni. megkerüli a képcímkét, és tudatja a böngészőt, hogy önálló kép, diagram, kódlista vagy más ábra.
Ha egy számot eltávolítanak az oldalról, az nem befolyásolja a tartalom áramlását.
belép az ábracímkébe, és meghatároz egy képaláírást. Úgy néz ki, mint ez:
Ez a logónk!
Ez beépített módon adhat feliratokat a képekhez. Többé nem kell átmenned a CMS-en.
Használja ki a HTML5 erejét
A HTML5 új elemei sok energiát adnak, főleg szemantikai célokra. További elemek vannak a formázáshoz, a skaláris mérésekhez, a feladat előrehaladásához és még sok máshoz. Láthatod az összes új elem a W3Schools-ban.
De ha el tudja ismerni ezeket a kilenc, akkor jó úton haladhat a HTML5 megfelelő használatához. És ha még nem ismeri a HTML-t, akkor érdemes megnézni ezek a kódpéldák 17 egyszerű HTML-példa, amelyet 10 perc alatt megtanulhatAlapvető weboldalt szeretne létrehozni? Tanulja meg ezeket a HTML példákat, és próbálja ki őket egy szövegszerkesztőben, hogy megnézze, hogyan néznek ki böngészőjében. Olvass tovább !
Elkezdte használni a HTML5-et? Mely új elemek találják a leghasznosabbat? Ossza meg gondolatait az alábbi megjegyzésekben!
A Dann tartalomstratégiai és marketing tanácsadó, aki segíti a vállalatokat a kereslet előteremtésében és vezet. Blogokat ír a stratégiai és tartalommarketingről a dannalbright.com webhelyen.
