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-145/termeles-lekvart-es-lekvar-mint-egy-uzleti.html">Termelés lekvárt és lekvár, mint egy üzleti, felszerelés</a></li> <li><a href="/szakerto-167/amint-az-adocsalas-az-adok-hogyan-kell-lrni-egy.html">Amint az adócsalás az adók, hogyan kell írni egy magyarázatot, hogy az adó, a címke helyes,</a></li> <li><a href="/szakerto-182/church-of-the-muanyag-palack-kezevel-foto.html">Church of the műanyag palack kezével fotó</a></li> <li><a href="/szakerto-179/mi-halozatba-vagy-indltsa-el-es-hasznalja-ezeket-a.html">Mi hálózatba, vagy indítsa el és használja ezeket a „szükséges” a szeretet, a karrier és</a></li> <li><a href="/articles/tej-szelet-kinder-tej-es-mez-a-gyartok-a-markak.html">Tej szelet kinder (tej és méz), a gyártók a márkák, vélemények</a></li> <li><a href="/articles/mi-egy-ugynok.html">Mi egy ügynök</a></li> <li><a href="/szakerto-134/osszehangolas-koncepcioja-es-szerkezete.html">Összehangolás koncepciója és szerkezete</a></li> </p> <p>Copyright © 2025</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>