HTML5, szintaxis

Amint megtanultuk, HTML5, bizonyos szabályok már megnyugodott. Ez azért történt, mert a HTML5 alkotók akarták ezen a nyelven reálisan tükrözik a tényleges munka a webböngésző. Más szóval, azt akarták, hogy csökkentse a szakadékot „a weboldal” és „weboldalakat közvetlenül a szempontból a szabvány.” A következő részben nézzük meg a szabályok változását részletesebben.

Persze, még mindig vannak régi módszerekkel támogatott böngészők használatát, amelyek egyáltalán nem engedélyezett HTML5 szabvány. Ezek a módszerek lehet kimutatni HTML5 érvényesítő.

gyengített szabályok

A mi első találkozó a HTML5 jelölő, megtudtuk, hogy a használata az elemek , és Nem szükséges ezt az elrendezést. De a gyengülő szabályok HTML5 még nem ér véget.

Azt is lehet használni a címkék mind a felső- és kisbetűk, mint a következő példa:

Az is lehetséges, hogy nem használja, amely a backslash az üres cellák, azaz elemek nélkül tartalom, mint például a (Kép)
vagy (sortörés)


(Vízszintes vonal). A következő három azonos módon megtörni sorokat:

HTML5 is ment változások a szabályok attribútumokat. Képesség az értékek már nem szükséges idézni, de csak azzal a feltétellel, hogy azok nem tartalmaznak tiltott karakterek (általában a szimbólumok>, = vagy térben). Itt egy példa egy elemet az alábbiak szerint:

attribútumok is megengedhető, anélkül értékeket. Így, ha XHTML igényel több ismétlődő szintaxis beállítani a négyzetet:

HTML5 megteheti a hagyomány HTML 4.01, jelezve, csak egy nevet attribútum:

De néhány nem különösebben aggasztja az a tény, hogy mindez engedélyezett a HTML5, de ez nem különösebben következetes, a fejlesztők könnyedén használhatja egyszerre szigorú és a laza szabályok, néha ugyanabban a dokumentumban. De a valóságban, mint a hanyag jelölést lehetséges XHTML. Mindkét szabványok, köteles-e a jó elrendezés stílus a webes fejlesztők, mint böngésző megeszi az összes, hogy ő fog szolgálni.

A következőkben összefoglaljuk a alapelveinek jó stílus létrehozásának HTML5 jelölő:

elemek felhasználásával , és . az elem kényelmes helyet meghatározása természetes nyelvi oldalak és elemek és Hagyjuk szétválni információt egy oldalt az aktuális oldal tartalmát.

Kisbetűk a címkéket. Használata kisbetűk címkék alkalmazása nem kötelező, de az ilyen címkék sokkal gyakoribb, hogy könnyebben be (azaz. A. Nem szükséges használni a kulcsot ), És nem fáj a szeme, mint a címkéket nagybetűvel.

Figyelembe idézett tulajdonságok értékeit. attribútum értékek vannak feltüntetve, mert van egy ok -, hogy segítsen elkerülni a hibákat, amit egyébként nagyon könnyen elkészíthető. Idézőjelek nélkül egy rossz karakter attribútum értékek rontja az egész oldalt.

Ellenőrizze HTML5 kód

Új megközelítés pihentető szabályok HTML5 lehet elég, mint egy web developer. A másik az az elképzelés, hogy mögötte a homlokzat munka zökkenőmentesen, következetlen, tele hibák jelölések eltűnnek zökkenőmentesen böngésző képes megfosztani az alvás.

Néhány a lehetséges problémákat, hogy az érvényesítő képes megérteni, a következőket tartalmazza:

kötődés hiányát elemek (például, elem );</p> <p>hiánya záró tag;</p> <p>címkék végre megfelelően;</p> <p>hiányában attribútumokat a címkéket, amelyre szükség van (például az src attribútum tag <img>);</p> <p>Hibás hely az alkatrészek vagy tartalom (például szöveges blokkban <head>).</p><p>Eszközök fejlesztése weboldalak, mint például a Dreamweaver és az Expression Web, jön a saját érvényesítő, de csak a legutóbbi változat támogatja a HTML5. Ebben az esetben, akkor használja az online érvényesítő. További utasításokat adott a használata a népszerű érvényesítő a W3C szervezet:</p> <p>Nyitott a böngésző W3C Markup Validation Service oldalon. Érvényesítő kínál háromféleképpen ellenőrizheti az elrendezést, mindegyik saját lapon: Érvényesítés URI (egy oldal, amely már elérhető az interneten), Érvényesítés file feltöltéssel (a fájlban tárolt számítógépén oldalon) és ellenőrzése Direct Input (a kód injektált vagy behelyezve az érvényesítő ablakban):</p> <p><div style="text-align:center;"><img src="https://webp.images-on-off.com/25/96/434x303_eek1gake6mcyx3n632cc.webp" width="434" height="303" title="Html5, szintaxis (HTML5)" alt="HTML5, szintaxis" ></div></p> <p>Válassza ki a kívánt lapra, és adja meg a HTML-jelölést. Mielőtt a ellenőrző kódot, akkor kattintson a linkre a további lehetőségek közül néhány beállítást módosítani, de ez nem kívánatos. Különösen, hogy jobb lenne, hogy az érvényesítő típusának, a dokumentum automatikusan. Így az érvényesítő használja a dokumentumtípus-deklaráció jelzett ellenőrzött weboldal. Szintén ez jobb, hogy az érvényesítő, hogy meghatározza a kódolási az oldal, kivéve oldalak kódolás az érvényesítő nehéz meghatározni.</p> <p>Kattintson az Ellenőrzés gombra.</p> <p>A kód nem kerül felülvizsgálatra küldték, és rövid várakozás után a böngésző jelentés indul az érvényesítés eredménye. Ha nincs kód jelölve, a jelentés jelzi a hibát azonosított az érvényesítő:</p> <p><div style="text-align:center;"><img src="https://webp.images-on-off.com/25/96/434x337_cesqi3wrm10r3z9hkh7x.webp" width="434" height="337" title="Html5, szintaxis (szintaxis)" alt="HTML5, szintaxis" ></div></p> <p>Még teljesen korrekt HTML-dokumentumban a jelentést lehet adni több figyelmeztetést (bár teljesen ártalmatlan), beleértve a kódolást meg automatikusan, és HTML5 kódvalidációs szolgáltatás kísérleti és nem egészen vinni a végén.</p> <p>Mint látható az ábrán, kiderült, egy dokumentum érvényesítő négy szabályok megsértéséért HTML5, amelyek az eredmény a két hiba a kódban. Az első hiba - hiányzik a szükséges elem <title>. A második - egy elem <р> még azt megelőzően bezáródik a záróelem beágyazva <em>. Ellenére azonban ezek a hibák, ez a megjelölés helyes, és minden böngésző megjeleníti oldal megfelelő.</p> <h2>Vissza XHTML</h2> <p>Amint megtanultuk, a felemelkedés jelzi a HTML5 specifikáció, az elmélet, a naplementét a korábbi King of the World Wide Web - XHTML szabványnak. De a valóság nem ilyen egyszerű, és XHTML rajongók nem kell lemondani semmiről, hogy aranyos az előző generációs jelölőnyelveken.</p> <p>Először is, ne feledje, hogy a XHTML szintaktikai folytatódik. XHTML vagy kiszabott szabályok továbbra is lehet használni, mint iránymutatások (például a szabályok megfelelő beágyazott), vagy fenntartani egy nem kötelező érvényű megállapodások (például egy felhasználási szerződést a záró perjel üres elemek).</p> <p>De mi van, ha azt szeretné, hogy kövesse a szabályokat az XHTML-kötő szintaxis? Talán aggódsz, hogy Ön (vagy munkatársai) tudtukon lassan esnek az attenuált megállapodások hagyományos HTML. Ennek megelőzése érdekében ki kell használni XHTML5. ez kevésbé gyakori szabvány, amely valójában a HTML5 öltözött korlátozások XML-alapú.</p> <p>Ahhoz, hogy a dokumentum HTML5 dokumentum XHTML, kifejezetten meg kell adnia a XHTML névtér az elemben <html>, .. Bezárás minden elem szükséges használni kisbetűk címkék stb Az alábbi felsorolás egy példa kód, amely megfelel az összes követelménynek:</p> <p>Az alábbi lépéseket követve, akkor létrehozhat egy XHTML dokumentumot, és végezze el az ellenőrzést. Azonban böngészők is kezelni a dokumentum, mint egy normális oldal HTML5, amely egyszerűen felfuvalkodott hasonlítani az XML-dokumentum. Nincs szükség további szabályok feldolgozása során egy oldalt is alkalmazni fognak.</p> <p>Ha azt szeretnénk, hogy, és a böngésző jeleníti meg az oldalt a szabályok szerint az XHTML, akkor be kell állítani a webszerver szállít oldalakat a MIME-típus application / xhtml + xml vagy application / xml, hanem a szabványos text / html. By the way, támogató böngészők XHTML5, kezeljük elrendezés más, mint a szokásos HTML5 kódot. Megpróbálnak kezelni az oldalt, mint egy XML dokumentum, és ha nem tud (mert egy hiba a kód), a böngésző feldolgozása megáll a többi dokumentumot.</p> <p>Mi következik ebből a következtetést? Mert a legtöbb webes fejlesztők, amatőröktől a komoly szakmai játék szigorú szabályok XHTML nem szükséges ehhez szükséges gyertyát. Az egyetlen kivétel a fejlesztés speciális megoldások, mint például tartalmú oldalakon, amely fel kell dolgoznia révén XML-eszközök, mint például az XQuery és XPath.</p> <p>Ha érdekel, akkor bolond a böngésző és kényszeríteni, hogy váltani XHTML módot. Ehhez csak nevezd át a fájl kiterjesztését xhtml vagy XHT, majd nyissa meg a merevlemezt a számítógép. A legtöbb böngésző (beleértve a Firefox, Chrome és IE 9) lehet kezelni egy ilyen oldalt, mintha volt betöltve egy webszerver a beállításokkal MIME XML. Ha az oldalon bármilyen kisebb hibákat a böngésző jelenik részben feldolgozott lapok (IE 9), XML hibaüzenet (Firefox), vagy a kettő kombinációja (Chrome).</p> </div> <div class="extra"> </div> </article> </div> </div> </div> </div> <div id="sidebar" class="col-1-3"> <div class="wrap-col"> <div class="box"> <div class="content"> <ul> <li><a href="/articles/nazalis-lavage-modszer-kakukkos-mint-a-muvelet.html">nazális lavage módszer kakukkos - mint a művelet végrehajtásra kerül, szövődmények</a></li> <li><a href="/articles/csirkecomb-a-huvelyben-lgy-meg-burgonyaval.html">Csirkecomb a hüvelyben, így még burgonyával</a></li> <li><a href="/articles/lecke-44-1-matrica-pvc-peremet-tapado.html">Lecke 44-1 matrica pvc peremét tapadó</a></li> <li><a href="/articles/mit-az-ikonok-ruhazat.html">Mit az ikonok ruházat</a></li> <li><a href="/articles/rapid-ureaz-teszt-azt.html">Rapid ureáz teszt - azt</a></li> <li><a href="/articles/mirell-implantatumok-mirelle-velemenye-katalogus.html">Mirell implantátumok (Mirelle) - véleménye, katalógus, árak</a></li> <li><a href="/articles/fibrocisztas-mastopathia-kezelesere-nepi.html">Fibrocisztás mastopathia kezelésére népi jogorvoslati</a></li> </ul> </div> </div> </div> </div> </div> </div> </section> <footer> <div class="wrap-footer pominodiko"> <div class="row"> <div class="col-1-1"> <div class="wrap-col"> <div class="box"> <div class="content"> <ul> <li><a href="/articles/coreldraw-tanulsagok-huzunk-egy-villanykorte-egy.html">Coreldraw tanulságok húzunk egy villanykörte egy napellenző - szoftverek</a></li> <li><a href="/articles/valeriy-yerofeyev-titkos-receptek-reszleges-magic.html">Valeriy Yerofeyev - titkos receptek részleges magic - 7. oldal</a></li> <li><a href="/articles/hogyan-keressunk-az-eve-online-es-a-penzt-rajuk.html">Hogyan keressünk az EVE Online és a pénzt rájuk, útmutatók, EVE Online Oroszország</a></li> <li><a href="/articles/kvazi-stacionarius-aram-enciklopedia-tsb.html">Kvázi-stacionárius áram enciklopédia TSB</a></li> <li><a href="/articles/a-tortenelem-a-talalmany-es-fejlesztes-a-kerekpar.html">A történelem a találmány és fejlesztés a kerékpár képekben</a></li> <li><a href="/articles/2019-eskuvoi-divat-trendek-es-a-legjobb-napok.html">2019 esküvői divat trendek és a legjobb napok</a></li> <li><a href="/articles/milyen-gyakran-kell-valtoztatni-a-hurok-a-gitar.html">Milyen gyakran kell változtatni a húrok a gitár</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="copyright"> <p>Copyright © 2025</p> <!--LiveInternet counter--><script type="text/javascript"> document.write("<a href='//www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t50.6;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='LiveInternet' "+ "border='0' width='31' height='31'><\/a>") </script><!--/LiveInternet--> </div> </footer></div> </body> </html>