După cum ați învățat, în HTML5, au fost relaxate anumite reguli. Acest lucru a fost făcut pentru că creatorii HTML5 a dorit această limbă reflectă în mod realist munca propriu-zisă a browser-ului Web. Cu alte cuvinte, au vrut să reducă decalajul dintre „o pagină web“, și „pagini web chiar din punct de vedere al standardului.“ În secțiunea următoare ne vom uita la schimbările din regulile mai în detaliu.
Desigur, există încă depășite browsere metode acceptate, a căror utilizare nu este absolut aprobat standardul HTML5. Aceste metode pot fi detectate prin HTML5 validator.
reguli slabit
La prima noastră întâlnire cu markup HTML5, am aflat că utilizarea elementelor ,
și Nu este necesar pentru acest aspect. Dar slăbirea normelor în HTML5 nu se termina aici.
De asemenea, este permisă utilizarea în ambele etichete litere pretat litere mici ca în exemplul următor:
De asemenea, este posibil să nu se utilizeze acoperirea backslash în celulele goale, de exemplu, elemente fără conținut, cum ar fi ![]()
(Imagine)
sau (line break)
(Linia orizontală). Următoarele sunt trei moduri echivalente de a rupe liniile:
HTML5 a fost supus, de asemenea, modificări ale regulilor de atribute. Valorile atributelor nu mai sunt necesare pentru a fi citate, dar numai cu condiția ca acestea să nu conțină caractere (de obicei simbolurile>, = sau spațiu). Aici este un exemplu al unui element ![]()
după cum urmează:
Atributele sunt de asemenea permise fără valori. Astfel, în cazul în care necesită mai multe XHTML sintaxa repetitive pentru a seta caseta de selectare:
în HTML5, puteți face în tradiția HTML 4.01, indicând un singur atribut nume:
Dar unii nu sunt deosebit de preocupat de faptul că toate acestea este permis în HTML5, dar că nu este deosebit de consistentă, dezvoltatorii pot utiliza ocazional atât reguli stricte și în vrac, uneori, chiar și în același document. Dar, în realitate, un astfel de marcaj neglijent posibil, în XHTML. În ambele standarde, datoria unui bun stil de aspect este de dezvoltatori web, ca browser-ul mănâncă tot ce el va fi servit.
Următoarele oferă un rezumat al principiilor de bază ale stilului bun de a crea HTML5 marcare:
Utilizarea elementelor ,
și . elementul convenabil de a plasa definiția paginilor limbajului natural, și elemente și se lasă să se separe informații despre o pagină din conținutul real al paginii.
litere mici în etichete. Utilizarea de litere mici în tag-uri nu este obligatorie, dar astfel de tag-uri sunt mult mai frecvente, este mai ușor să intre (de ex. A. Nu este necesar pentru a utiliza tasta ), Și nu doare ochii, ca tag-urile cu litere majuscule.
Luând valorile atributelor citate. Valorile atributelor sunt citate pentru că există un motiv - pentru a ajuta la evitarea greșelilor pe care altfel este foarte ușor de făcut. Fără ghilimele un caracter greșit atribut valori pot strica întreaga pagină.
Cod de verificare HTML5
Noua abordare a relaxarea normelor în HTML5 poate fi destul ca un dezvoltator web. Cealaltă este ideea că în spatele fațadei de lucru fără probleme, inconsistente, plin de marcaje erori pot să dispară fără un browser Hitch este capabil de a priva de somn.
Unele dintre posibilele probleme pe care validatorului este capabil să înțeleagă, includ următoarele:
absența elementelor de legare (de exemplu, elementul,
);</p>
<p>lipsa unei etichete de închidere;</p>
<p>tag-uri puse în aplicare în mod corespunzător;</p>
<p>absența atributelor în etichetele pentru care sunt necesare (de exemplu, src atribut tag <img>);</p>
<p>amplasarea incorectă a componentelor sau a conținutului (de exemplu, text în bloc <head>).</p><p>Instrumente pentru dezvoltarea de pagini web, cum ar fi Dreamweaver si Expression Web, vin cu propriile lor validatoare, ci doar cele mai recente versiuni suportă HTML5. În acest caz, puteți utiliza unul dintre instrumentele de validare on-line. Alte instrucțiuni sunt date cu privire la utilizarea populare validatorului a organizației W3C:</p>
<p>Deschideți în browser pagina W3C Markup Serviciul de validare. Validator va oferi trei moduri de a verifica aspectul, fiecare în propria filă: Validează de URI (pentru o pagină care este deja disponibilă pe Internet), Validează prin File Upload (pentru stocat într-un fișier de pe pagina de computer) și validați prin Direct Input (pentru cod injectat sau inserat în fereastra validatorului):</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, sintaxa (html5)" alt="Html5, sintaxă" ></div></p>
<p>Selectați fila dorită și să dea HTML-marcare. Înainte de a trece la codul de verificare, puteți face clic pe link-ul de mai multe opțiuni, pentru a modifica anumite setări, dar acest lucru nu este de dorit. În special, ar fi mai bine pentru a permite validatorului pentru a determina tipul documentului automat. Astfel, validatorul utilizează declarația tipului de document indicat în pagina de web auditate. De asemenea, este mai bine pentru a oferi validatorului pentru a determina codificarea paginii, cu excepția paginilor cu codificare că validatorul este dificil de determinat.</p>
<p>Faceți clic pe butonul Verificare.</p>
<p>Codul dvs. va fi trimis spre examinare, și după o scurtă așteptare în raportul de browser-ul va fi lansat cu rezultatele de validare. În cazul în care nici un cod a fost verificat, raportul va indica eroarea identificată de validatorului:</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, sintaxa (sintaxa)" alt="Html5, sintaxă" ></div></p>
<p>Chiar și pentru a corecta complet document HTML, raportul poate fi dat mai multe avertismente (deși complet inofensive), inclusiv acea codificare a fost determinată în mod automat și un serviciu de cod HTML5 de validare este experimental și nu destul de dus la capăt logic.</p>
<p>După cum se poate vedea în figură, a dezvăluit într-un validator document de patru încălcări ale regulilor de HTML5, care sunt rezultatul a două erori în cod. Prima greșeală - lipsește elementul necesar <title>. Al doilea - un element <р> se închide înainte de elementul de închidere încorporat în acesta <em>. Cu toate acestea, în ciuda acestor erori, acest marcaj este corectă, și toate browserele vor afișa corect această pagină.</p>
<h2>Întoarcere XHTML</h2>
<p>Așa cum am învățat, ascensiunea marchează specificația HTML5, în teorie, apusul regelui precedent al World Wide Web - standardul XHTML. Dar realitatea nu este atât de simplu, iar fanii XHTML nu trebuie să renunțe la tot ceea ce ei drăguț în generația anterioară de limbaje de markup.</p>
<p>În primul rând, rețineți că sintaxa XHTML continuă. XHTML sau impuse reguli continuă să fie utilizate ca linii directoare (de exemplu, regulile îmbricate), sau menținute în acordurile fără caracter obligatoriu (de exemplu, un acord privind utilizarea slash de închidere cu elemente goale).</p>
<p>Dar ce se întâmplă dacă doriți să urmați regulile de sintaxa XHTML obligatoriu? Poate că sunteți îngrijorat de faptul că tu (sau colegii) necunoștință cad lent în utilizarea de acorduri atenuate HTML convenționale. Pentru a preveni acest lucru, trebuie să utilizați XHTML5. este standard de mai puțin frecvente, care, de fapt, este HTML5, îmbrăcat în restricții bazate pe XML.</p>
<p>Pentru a face documentul HTML5 documentul XHTML, trebuie să specificați în mod explicit spațiul de nume XHTML în elementul <html>, .. Închide fiecare element este necesar pentru a utiliza litere mici în tag-uri, etc. Următoarea listă este un exemplu de cod care îndeplinește toate aceste cerințe:</p>
<p>Urmând acești pași, puteți crea un document XHTML, și de a efectua o inspecție. Cu toate acestea browsere se va ocupa în continuare documentul ca HTML5 pagină normală, care este pur și simplu îngâmfat să semene cu XML documentul. Nu există norme suplimentare în momentul procesării unei pagini pentru a aplica nu o vor face.</p>
<p>Dacă doriți, și browser-ul face ca pagina conform regulilor de XHTML, trebuie să configurați serverul de web pentru a livra pagini la tipul MIME application / xhtml + xml sau o aplicație / XML, în loc de standard de tip text / html. Apropo, browsere care acceptă XHTML5, tratate cu un aspect diferit de codul HTML5 obișnuit. Ei încearcă să se ocupe de pagina ca un document XML, iar în cazul în care nu pot (din cauza unui bug în codul), browser-ul se oprește prelucrarea restul documentului.</p>
<p>Ceea ce rezultă din această concluzie? Pentru marea majoritate a dezvoltatorilor web, de la amatori la joc profesionale grave de reguli stricte XHTML nu este necesar necesar pentru această lumânare. Singura excepție este dezvoltarea de soluții speciale, cum ar fi pagini cu conținut care trebuie să fie manipulate prin intermediul XML-unelte, cum ar fi, de exemplu, XQuery și XPath.</p>
<p>Dacă sunteți interesat, vă puteți păcăli browser-ul și să-l forțeze pentru a comuta la modul XHTML. Pentru a face acest lucru, trebuie doar să redenumiți extensia xhtml fișier sau XHT, și apoi deschideți-l de pe hard disk a computerului. Cele mai multe browsere (inclusiv Firefox, Chrome și IE 9) se va ocupa de o astfel de pagină ca și în cazul în care acesta a fost încărcat de pe un server web cu XML setări MIME. Dacă pagina conține orice erori minore în browser-ul este afișat pagini parțial procesate (IE 9), un mesaj de eroare XML (Firefox) sau o combinație a ambelor (Chrome).</p>
</div>
<div class="extra">
<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">
<ul>
<li><a href="/articles/cum-de-a-aduce-inapoi-memoria-persoanelor-in.html">Cum de a aduce înapoi memoria persoanelor în vârstă</a></li>
<li><a href="/articles/intregul-adevar-despre-globax-tv-prin-satelit-si.html">Întregul adevăr despre globax, TV prin satelit și internet</a></li>
<li><a href="/articles/colorata-auto-sectiunea-arhiva-alte-probleme.html">Colorată auto - secțiunea arhivă - alte probleme incepatori - Business Forum</a></li>
<li><a href="/articles/noul-ipod.html">noul iPod</a></li>
<li><a href="/articles/gatitul-solduri-de-curcan-retete-file-de.html">Gătitul Solduri de curcan retete file de</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/pisici-straini-prieteni-si-pisici-in-egipt.html">Pisici străini - prieteni și pisici în Egipt</a></li>
<li><a href="/articles/metodele-de-preparare-cervicale-pentru-nastere.html">Metodele de preparare cervicale pentru naștere</a></li>
<li><a href="/articles/costita-afumata-in-limba-maghiara.html">costiță afumată în limba maghiară</a></li>
<li><a href="/articles/ambasada-poloniei-in-romania-organizarea-si.html">Ambasada Poloniei în România - Organizarea și Consulate</a></li>
<li><a href="/articles/interesante-despre-castraveti-informative-si.html">Interesante despre castraveți!, Informative și interesante imagini amuzante poze</a></li>
<li><a href="/articles/m-ai-torturat-torturat.html">M-ai torturat, torturat</a></li>
</ul>
<br>
<a href="/privacy.html">Politica de confidențialitate</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="copyright">
<p>Copyright © 2024</p>
<br>
<ul>
<li><a href="/articles/inserati-imagini-in-html-lucrul-cu-imagini.html">Inserați imagini în HTML, lucrul cu imagini</a></li>
<li><a href="/articles/transliteration-php.html">Transliteration (php)</a></li>
<li><a href="/articles/nume-semnificatie-andronicus-de-origine-care-este.html">Nume Semnificație, Andronicus (de origine), care este numele Andronicus</a></li>
<li><a href="/articles/cum-sa-poarte-pantofi-dr.html">Cum să poarte pantofi dr</a></li>
<li><a href="/articles/influenta-mass-media-asupra-vietii-politice-rolul.html">Influența mass-media asupra vieții politice, rolul mass-media în viața politică a statului, influența mass-media asupra</a></li>
<li><a href="/articles/versuri-cuvinte-dino-mc-47.html">versuri (cuvinte) dino mc 47</a></li>
<li><a href="/articles/rafinarea-capului-cilindrului-de-actionare.html">Rafinarea capului cilindrului de acționare frontală 8kl</a></li>
</ul>
</div>
</footer></div>
</body>
</html>