Както сте научили, в HTML5, някои правила са били намалени. Това беше направено, тъй като създателите на HTML5 искаха този език реално да отразява действителната работа на уеб браузъра. С други думи, те искаха да се намали разликата между "уеб страница" и "Уеб страниците прав от гледна точка на жизнения стандарт." В следващата част ще разгледаме промените в правилата по-подробно.
Разбира се, все още има остарели методи поддържаните браузъри, използването на които в никакъв случай не е одобрено HTML5 стандарт. Тези методи могат да бъдат открити чрез HTML5 валидатор.
отслабени правила
На първата ни среща с маркирането HTML5, ние научихме, че използването на елементите ,
и Това не се изисква за тази подредба. Но отслабването на правилата в HTML5 не свършва дотук.
Също така е позволено да се използва в тагове двете главни и малки букви, както в следния пример:
Възможно е също така да не се използва, покриваща наклонената черта в празните клетки, т.е. елементи без съдържание, като например ![]()
(Изображение)
или (линия почивка)
(Хоризонтално линия). По-долу са три равностойни начини да счупят линии:
HTML5 също претърпя промени в правилата за атрибути. Стойностите на атрибутите вече не са необходими, за да бъде цитиран, но само при условие, че те не съдържат забранени символи (обикновено символите>, = или пространството). Ето един пример на артикул ![]()
както следва:
атрибути също са разрешени без стойности. По този начин, ако XHTML изисква няколко повтарящи синтаксис, за да настроите квадратчето:
в HTML5 можете да го направите в традицията на HTML 4.01, което показва само едно име на атрибут:
Но някои не са особено загрижени за това, че всичко това е позволено в HTML5, но това не е особено последователен, разработчиците могат да използват и двете небрежно строги и свободни правила, понякога дори и в един и същ документ. Но в действителност, такава помия възможно в XHTML маркиране. И в двата стандарти, задължението на добър стил на оформление е да се уеб разработчици, както браузър яде всичко, което ще се сервира.
По-долу дава обобщение на основните принципи на добър стил на създаване на HTML5 за маркиране:
Използването на елементи ,
и . елементът удобно да се постави дефиницията на естествени езикови страници и елементи и позволи да се разделят на информация за дадена страница от действителното съдържание на страницата.
Малки букви в таговете. Използването на малки букви в тагове не е задължително, но тези маркери са много по-чести, по-лесно е да въведете (т.е.. А. Не се изисква, за да използвате клавиша ), И не нарани очите, както таговете с главни букви.
Като се котират стойности на атрибутите. стойностите на атрибутите се котират, защото има причина - за да помогне да се избегнат грешки, които в противен случай е много лесно да се направи. Без кавички един грешен символ стойностите на атрибутите могат да развалят цялата страница.
Проверете HTML5 код
Нов подход към облекчаване на правилата в HTML5 може да бъде доста като уеб разработчик. Другият е идеята, че зад фасадата на работа без проблем, непоследователна, пълен с грешки маркировки може да изчезне без благополучно браузър е в състояние да се лиши от сън.
Някои от възможните проблеми, които валидатора е в състояние да разбере, включват следното:
отсъствие на свързващи елементи (например, елемент
);</p>
<p>липса на затварящ маркер;</p>
<p>тагове прилагат правилно;</p>
<p>липсата на атрибути в таговете, за която са необходими (например КРБ атрибут таг <img>);</p>
<p>неправилно разположение на компоненти или съдържание (напр текст в блок <head>).</p><p>Инструменти за разработване на уеб страници, като Dreamweaver и Expression Web, идват с техните собствени валидатори, но само най-новите версии поддържат HTML5. В този случай, можете да използвате един от онлайн валидаторите. По-нататъшни инструкции са дадени за използването на популярния валидатора на W3C организацията:</p>
<p>Отвори в браузъра си W3C Markup Validation Service страница. Validator ще предлага три начина да проверите оформлението, всеки в свой раздел: Проверка от URI (за страница, която вече е достъпна в интернет), Проверка чрез качване на файлове (за съхранява във файл на компютъра страницата си) и проверка чрез директно въвеждане (за код инжектира или вкарва в прозореца на валидатор):</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, синтаксис (HTML5)" alt="Html5, синтаксис" ></div></p>
<p>Изберете желания раздел и да ви даде HTML-маркиране. Преди да се пристъпи към кода за потвърждение, можете да кликнете върху линка Още опции за промяна на някои настройки, но това не е желателно. По-специално, то би било по-добре да се даде възможност на валидатора да се определи вида на документа автоматично. Така валидатора използва декларацията за типа на документа, посочен в одитираната уеб страница. Също така е по-добре да се осигури валидатора за определяне на кодирането на страницата, с изключение на страници с кодиране, че валидатора е трудно да се определи.</p>
<p>Щракнете върху бутона Check.</p>
<p>Вашият код ще бъде изпратен за преглед и след кратко изчакване в доклада на браузъра ще бъде стартиран с резултатите от проверката. Ако няма код е бил проверен, докладът ще покаже грешката идентифициран от валидатора:</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, синтаксис (синтаксис)" alt="Html5, синтаксис" ></div></p>
<p>Дори за напълно правилно HTML-документ, докладът може да бъде дадено на няколко предупреждения (макар и напълно безвредни), включително, че кодирането се определя автоматично и сервиз HTML5 валидиране код е експериментална и не съвсем отведен в своя логичен край.</p>
<p>Както се вижда на фигурата, разкри в валидатор документ четири нарушения на правилата на HTML5, които са резултат от две грешки в кода. Първата грешка - липсва задължителният елемент <title>. Вторият - елемент <р> затваря преди затварящият елемент вградени в него <em>. Независимо от това, въпреки тези грешки, тази добавка е вярна, и всички браузъри ще покаже тази страница коректно.</p>
<h2>Върни XHTML</h2>
<p>Тъй като ние научихме, изкачването бележи спецификацията на HTML5, на теория, на залеза на предишния крал на World Wide Web - XHTML стандарта. Но реалността не е толкова просто, както и фенове XHTML не е нужно да се откажа от всичко, което те сладко в предишното поколение езици за маркиране.</p>
<p>На първо място, не забравяйте, че синтаксисът XHTML продължава. XHTML или наложените правила продължават да се използват като насоки (например правилата правилно вложени), или да поддържа необвързващо споразумения (например споразумение за използването на наклонена черта затваряне с празни елементи).</p>
<p>Но какво, ако искате да се подчинява на правилата на XHTML-свързващ синтаксис? Може би се притеснявате, че сте (или вашите колеги) несъзнателно бавно попадат в използването на атенюирани споразумения конвенционален HTML. За да предотвратите това, ще трябва да използвате XHTML5. тя е по-общ стандарт, който в действителност е HTML5, облечен в ограничения, основани на XML.</p>
<p>За да направите документ HTML5 документ XHTML, е необходимо изрично да се уточни XHTML пространство от имена в елемента <html>, .. Затвори всеки елемент е необходим за използване на малки букви в тагове и т.н. По долу е пример за код, който отговаря на всички тези изисквания:</p>
<p>Като следвате тези стъпки, можете да създадете документ XHTML и извършване на проверка. Въпреки това все още браузъри ще се справят с документа като нормална страница HTML5, което е просто се надува, за да приличат на XML-документ. В момента няма допълнителни правила при обработка на страница с цел да се прилагат те няма.</p>
<p>Ако искате да и браузъра прави страница в съответствие с правилата на XHTML, трябва да конфигурирате вашия уеб сървър, за да достави страници към MIME-тип заявление / XHTML + XML или приложение / XML, вместо стандартната тип текст / HTML. Между другото, браузъри, които поддържат XHTML5, лекувани с оформление различно от обичайното HTML5 код. Те се опитват да се справят страницата във формат XML, и ако те не могат (поради бъг в кода), браузърът спира обработката на останалата част от документа.</p>
<p>Какво следва от това заключение? За по-голямата част от уеб разработчици, от аматьори до сериозна професионална игра на строги правила, XHTML не е необходимо, необходими за тази свещ. Единственото изключение е разработването на специални решения, като например страници със съдържание, които трябва да бъдат манипулирани чрез XML-инструменти, като, например, на XQuery и XPath.</p>
<p>Ако проявявате интерес, можете да заблуди браузъра и го принуди да преминете в режим на XHTML. За да направите това, просто преименувате XHTML на разширението на файла или XHT, а след това да го отворите от твърдия диск на вашия компютър. Повечето браузъри (включително Firefox, Chrome и IE 9) ще се справят с такава страница, колкото ако се зарежда от уеб сървър с настройки MIME XML. Ако на страницата има някакви малки грешки в браузъра се показва частично обработени страници (IE 9), съобщение XML грешка (Firefox) или комбинация от двете (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/kak-da-deaktivirate-usb-konektori-tri-ot-naj.html">Как да деактивирате USB конектори три от най-простите начини</a></li>
<li><a href="/articles/pica-kalcone-5-dobrijat-retsptov.html">Пица "Калцоне" 5-добрият retsptov</a></li>
<li><a href="/articles/kak-da-shranjavate-tigani-i-gi-pokrijte-s-malka.html">Как да съхранявате тигани и ги покрийте с малка кухня - кръг от знания - "всички подробности"</a></li>
<li><a href="/articles/namalenie-na-cenite-sr.html">Намаление на цените, сър</a></li>
<li><a href="/articles/osnoven-na-prednata-tovar-l-34-v-regiona-rostov.html">Основен на предната товар L-34 в региона Ростов Donskoy</a></li>
<li><a href="/articles/tutu-pola-ili-pola-polichka.html">Туту пола или пола поличка</a></li>
<li><a href="/articles/indola-revitalizirashh-serum-za-kosa-sveti-za.html">Индола ревитализиращ серум за коса съвети за покупка, ревюта, снимки, доставка</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/hraneneto-si-kuchence.html">храненето си кученце</a></li>
<li><a href="/articles/kratki-stihotvorenija-buhal.html">Кратки стихотворения бухал</a></li>
<li><a href="/articles/radonovi-vani.html">радонови вани</a></li>
<li><a href="/articles/kak-zasazhdaneto-i-otglezhdaneto-na-vrbinka-u-doma.html">Как засаждането и отглеждането на върбинка у дома (снимка растения)</a></li>
<li><a href="/articles/morning-erekcija-mehanizm-na-procesa-prichinite.html">Morning ерекция механизъм на процеса, причините</a></li>
<li><a href="/articles/womanizer-chovekt-kojto-ne-znae-kak-da-se-obichame.html">Womanizer - човекът, който не знае как да се обичаме, за да се срещне женкар - флирт</a></li>
<li><a href="/articles/konsultacija-patentno-vedomstvo-vygodin-i-partnori.html">Консултация - Патентно ведомство - Vygodin - и партньори</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="copyright">
<p>Copyright © 2025</p>
<ul>
<li><a href="/articles/razlichijata-anjuitetna-i-diferencirana-shema-na.html">Различията анюитетна и диференцирана схема на погасяване на кредита</a></li>
<li><a href="/articles/otkde-znaesh-dali-bebeta-studeno-navn-strani-moms.html">Откъде знаеш дали бебета студено навън страни Moms</a></li>
<li><a href="/articles/kak-e-obuchenie-psiholog.html">Как е обучение психолог</a></li>
<li><a href="/articles/kakvo-da-pravite-ako-otkradnat-sstojanie.html">Какво да правите, ако откраднат състояние</a></li>
<li><a href="/articles/chast-veriga-goljama-enciklopedija-na-neft-i-gaz.html">Част - верига - голяма енциклопедия на нефт и газ, хартия, страница 1</a></li>
<li><a href="/articles/narushenie-potentnost.html">нарушение потентност</a></li>
<li><a href="/articles/not-e-kapka-oficialnite-instrukciite-za-upotreba.html">Нот е капка - официалните инструкциите за употреба</a></li>
</ul>
</div>
</footer></div>
</body>
</html>