Cum arata ca un pur cod html studio Palycha

În timpul scrierii acestui articol, vreau să spun „mulțumesc“ pentru o persoană zamechatelnochu Joomla lumi. Sună-l Beliyadmin. O dată, într-o conversație discuta următorul meu site (aspectul), pe scurt, în căutarea bug-uri. La un moment dat, ne-am amintit validitatea codul HTML.

Dar, într-adevăr, dacă te uiți la codul sursă de mai multe pagini - devine foarte infricosator. Codul HTML este atât de teribil!

Nu e de mirare oamenii deștepți au venit cu CSS pentru comoditate și, în general, pentru a simplifica multe proceduri, în special atunci când crearea de site-uri, dar cel puțin în timpul umplerii articolelor simple ale aceleași site-uri.

Să încercăm să demonteze asta ca pe un da, care a fost foarte frumos, valabil și ușor de înțeles. Să mergem!

Titlul paginii

Nu ar trebui să indice cu siguranță etichetă indicând numele paginii. De asemenea, în <head> Specifică codarea sursei, conectați stiluri CSS. conecta, de asemenea, script-uri. Script-uri și CSS conținute în dosare corespunzătoare.</p> <h2>identifica <body></h2> <p>Utilizarea ID-ul pentru un site al corpului permite utilizarea unor modele unice și stiluri pentru fiecare pagină, cu excepția cazului, desigur, utilizați paginare. De exemplu, puteți specifica pentru fiecare ID anteturile h2 clearance-ul folosind selectori pentru copii: h2 #one sau h2 #two.</p><h2>Meniul clar semantically</h2> <p>L-ai văzut înainte, și mai mult decât o dată, și nu numai pe site-ul meu, și nu au fost încă pentru a vedea din nou. Folosind o listă de meniu oferă posibilități nelimitate de a le controla, și, desigur, de control stilistic.</p> <h2>Principalul DIV unitate pentru soderdimogo pagina</h2> <p>Utilizarea DIV pentru conținutul blocului vă va oferi posibilități nelimitate de gestionare a paginii, în special în paginile „elastice“. Puteți seta, de asemenea, unitatea la o lățime minimă și înălțime, am scris deja.</p> <h2>Un conținut de important ar trebui să fie mai întâi</h2> <h2>Conectarea conținutului activ</h2> <p>A a fost primul lucru pe care am făcut-o atunci când a creat primul site folosind PHP. Am spart site-ul pe 4 părți logice, fiecare încărcat cu o comandă includ. Cel mai bun lucru ar fi dacă ați încărcat separat de sus meniu, lateral și subsol. În acest caz, va fi mai ușor de a gestiona conținutul.</p> <h2>tag-uri închise</h2> <p>Deschis puternic. închis puternic. Nu fi leneș, închidere tag-uri, în caz contrar s-ar putea avea probleme cu valabilitatea, sau pur și simplu erori în browser.</p> <h2>Ierarhia titlurilor</h2> <p>Nu uitați că pe pagina poate avea doar un singur antet H1. Și sub H2 și H3.</p> <h2>Conținut, de conținut, conținut</h2> <p>Se înțelege de toate, speranță. Fără site-ul de conținut - doar o cochilie goală, care este rușine să-l arate. Paragrafele de text nu uitați să vă înregistrați <p>. Utilizarea de transfer <br/> Aceasta duce la un colaps al formatare. Nu este întotdeauna destul. De asemenea, pentru a uita de marginea din stânga a primei linii și marginea de jos în secțiunea.</p> <h2>Nu există stiluri de HTML</h2> <p>Paginile de cod trebuie să fie nici o formatare, în special, cum ar fi <font>. Păstrați stiluri în fișiere CSS, și vei fi fericit.</p> <h3>Ce altceva pentru a verifica acest subiect</h3> <h4>articole similare</h4> <ul> <li> <p><a href="/revista-53/diferenta-dintre-id-si-clasa-studio-palycha.html">Diferența dintre «id» și «clasa» - Studio Palycha</a></p> </li> </ul> <div class="vnizine"><p style="text-align: left;"><a href="/revista-53/dfid-de-diagnosticare-a-erorilor-priory-si.html">Pagina anterioară</a></p><p style="text-align: right;"><a href="/revista-53/cum-se-numeste-o-haina-fara-maneci.html">Pagina următoare</a></p> </div> </article> </div> </div> </div> </div><footer class="akatita-footer clearfix"> <div class="akatita-content-layout layout-item-0"> <div class="akatita-content-layout-row"> <div class="akatita-layout-cell layout-item-1" style="width: 20%"> <p style="font-size: 18px; font-family: 'Times New Roman';">Articole aleatoare</p> <br> <ul> <li><a href="/utilizator-197/intreprinderea-mica-si-avantajele-si-dezavantajele.html">Întreprinderea mică și avantajele și dezavantajele acesteia</a></li> <li><a href="/utilizator-151/petersburg-schimba-oamenii.html">Petersburg schimba oamenii</a></li> <li><a href="/utilizator-169/fetele-expert-din-kazahstan-nu-au-purtat-niciodata.html">Fețele expert din Kazahstan nu au purtat niciodată hijab</a></li> <li><a href="/utilizator-171/istoria-crearii-a-trei-romane.html">Istoria creării "a trei romane"</a></li> <li><a href="/utilizator-149/mihail-prisvin-caini-de-vanatoare.html">Mihail prisvin câini de vânătoare</a></li> </ul> </div><div class="akatita-layout-cell layout-item-1" style="width: 20%"> <p style="font-size: 18px; font-family: 'Times New Roman';">locație</p> <br> <ul> <li><a href="/locul-pe-harta.html">Suntem pe hartă</a></li> <li><a href="/adresa.html">Adresa</a></li> </ul> <ol> <li><a href="/sitemap/sitemap38.html">sitemap</a></li> <li><a href="/sitemap/sitemap152.html">sitemap</a></li> <li><a href="/sitemap/sitemap408.html">sitemap</a></li> <li><a href="/sitemap/sitemap591.html">sitemap</a></li> <li><a href="/sitemap/sitemap836.html">sitemap</a></li> </ol> </div><div class="akatita-layout-cell layout-item-1" style="width: 20%"> <p style="font-size: 18px; font-family: 'Times New Roman';">Mai multe despre noi</p> <br> <ul> <li><a href="/contactati-ne.html">Contactați-ne</a></li> <li><a href="/despre-site.html">Despre site</a></li></ul> </ul> </div><div class="akatita-layout-cell layout-item-1" style="width: 40%"> <p style="text-align:right;"><a href="#"></a>Drepturi de autor © 2024. Toate drepturile rezervate.</p><br> <p style="text-align: right;"> <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> </p> </div> </div> </div> </footer> </div> </div></body> </html>