Weboldal fordítás HTML5

Fordítása oldalak HTML5

HTML5 távolítani néhány elemet, amelyek elvesztették jelentősége. Például: , , , , , , , , , , <strike>, <tt>, <u>, <xmp>. De vannak új tag - <section>, <nav>, <aside>, <header>, <footer> és attribútumok <role> - <article>, <main>, <form>, <button>, <search>. A lista nem teljes, de ez nem témája a beszélgetést.</p><p>Ehhez el kell távolítani lényegtelen elemek szerkezetének javítása és szemantikai tartalmának az oldalon. Nos, természetesen, kivette az első mindent. Ha egyes eltávolított címkék használt, majd adjuk hozzá az elem az osztály és leírni azt a style.css fájlt.</p> <p>További zaymomsya szerkezete és szemantikáját. Először is mi kell érteni az új tag. A korábbi verziók a nyelv leggyakrabban használt kulcsszó <div>. Elhelyezés a „divah” volt a „mi mindent!” De önmagában <div> Nem volt semmilyen szemantikai jelentését. Ő is tartalmazhatnak kisbetűk és blokkokat, és a rajz, és a szöveget. Nem tűnik el, mi a kedvenc <div>, sz. Ő továbbra is lehet használni a számunkra, de ő már nem lesz felelős.</p> <p>Tekintsük az alap címkék milyen sorrendben vannak elhelyezve az oldalon:</p><p>1.<header> - sapka a helyén.</p> <p>2.<nav> - Az oldal navigációs menü.</p> <p>3.<section> - a csoport logikailag egységes információs blokkok.</p> <p>4.<article> - független információs blokk.</p> <p>5.<aside> - oldalsó blokk, általában további információval vagy navigációt.</p> <p>6.<footer> - Lábjegyzet.</p> <p>Azt viszont, hogy a legfőbb jellemzőket HTML5.</p> <p>Minden a lista, csak nem úgy véljük, csak az alap, ami jól jön szükséges. Tulajdonságának köszönhetően az oldalt még érthető szemantika. Ezek tisztázása jelent a szerkezeti elemek és azok szerepe:</p> <p>2.<main> - master információs blokk.</p> <p>3.<form> - egyfajta interaktív formában.</p> <p>4.<button> - az aktív elemet, gombot.</p> <p>5.<search> - helyszíni keresést.</p> <p>6.<banner> - logó és a portál neve, az oldal címe.</p> <p>7.<complementary> - a kiegészítő blokk, elkülönül a tartalmának az oldalon.</p> <p>8.<contentinfo> - összefoglaló információt az oldalon, általában a lábléc.</p> <p>9.<navigation> - navigációs menü.</p> <p>10.<textbox> - mezőbe.</p> <p>Nagyjából elmondható, hogy a robot számára prioritás, hogy blokkolja a címkék között:</p> <p>És gyakorlatilag figyelmen kívül hagyja:</p> <p>Ezzel azt érjük el, hogy a legjobb optimalizálása a weboldal tartalmát megfelelően SEO követelményeknek. A robot gyorsan és helyesen index az oldalakat, amelyek ezen az elven alapszik. Igen, és „olvasni” a webmester szöveget kényelmesen.</p> <p>Térjünk át írásban a html oldalt.</p> <p>Ennek eredményeként, akkor kap valamit, mint ezt a sablont a lapok a helyszínen:</p> <p>Siker honlapon épületben!</p> <p>Kapcsolódó hozzászólások: típusok logók és stílus.<br> Szerelem és reszketés CSS<br> Kézi válogatás kiadványok Ruxe Engine<br> Axiomatikus CSS. 3. rész: szintaxis.<br> Axiomatikus CSS. 2. rész<br></p> <h4>Kapcsolódó cikkek</h4> <ul> <li> <p><a href="/szakerto-175/egy-webhely-div-elrendezes-es-csatlakoztassa-css.html">Egy webhely div-elrendezés és csatlakoztassa css stílusokat</a></p> </li> </ul> </div> <div class="extra"> <div class="info"><a href="/szakerto-175/ginger-citrommal-es-mezzel.html">előző</a> &#9672; <a href="/szakerto-175/krokodil-vadaszat.html">a következő</a></div> <div class="clear"></div> </div> </article> </div> </div> </div> </div> <div id="sidebar" class="col-1-3"> <div class="wrap-col"> <div class="box"> <div class="content"> </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"> </div> </div> </div> </div> </div> </div> <div class="copyright"> <h4>Hasznos cikkek</h4> <p> <li><a href="/szakerto-139/golden-retriever-mind-a-kutyafajtak.html">Golden Retriever, mind a kutyafajták</a></li> <li><a href="/szakerto-157/felhajtas-sovarog-iroda-es-365-csoportok-ablakok.html">Felhajtás sóvárog iroda és 365 csoportok, ablakok IT Pro</a></li> <li><a href="/articles/autoimmun-allergia-hogyan-lehet-fejleszteni-es.html">Autoimmun allergia - hogyan lehet fejleszteni, és okai</a></li> <li><a href="/szakerto-198/a-szokasok-jot-hozo-forgatokonyvet-szakmai.html">A "szokások jót hozó" forgatókönyvet (szakmai szabadság forgatókönyve)</a></li> <li><a href="/szakerto-129/15-ways-hogy-hasznalja-koromlakk.html">15 Ways, hogy használja körömlakk</a></li> <li><a href="/szakerto-198/az-alom-keze-amit-a-ferfi-kezei-almodnak.html">Az álom keze, amit a férfi kezei álmodnak</a></li> <li><a href="/szakerto-194/ipari-onterulo-padlok.html">Ipari önterülő padlók</a></li> </p> <p>Copyright © 2024</p> </div> <script> new Image().src = "https://counter.yadro.ru/hit;adolfru?r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";h"+escape(document.title.substring(0,150))+ ";"+Math.random();</script> </footer></div> </body> </html>