Е валиден XHTML строг оформление 1
Концепцията за валидността на грим често могат да бъдат намерени в изискванията на клиента, за да оформлението, тези изисквания се страхуват най-начинаещите уеб дизайнери (бях без изключение). Корекция на тези грешки, докладвани от валидатора, просто ужасяващо, когато първо с това stalkivaeshsya вас. Но грешки не ще и оформление воля е валидно само ако правилно програмист генерира структура документ HTML, с всичките му задължителни дескриптори и TP. В този пост ще се опитам да дам основни понятия, които съставят план валидността на грим. и както обикновено да даде пример.
Първо, малко за историята на HTML код. Както е добре известно, създател на HTML и HTTP протокол е Тим Бърнърс-Лий (Тим Бърнърс-Лий-).
Досега съществува езика HTML под формата на стандарти, включително и най-новите HTML5 (който в момента е все още в процес препоръките на W3C):
С появата на HTML 3.2 стандарт, които са обединени в едно в HTML кода като структура и описание на представянето му, имаше един голям проблем - подкрепа за HTML код и внасяне на изменения към идеята. За да проверите това можете да погледнете на код например HTML 3.2:
И като се има предвид, че има стотици на елементи на страницата, и тези страници на няколко стотин, програмист, ще им е трудно време за това да промените шрифта на някои справка или параграф.
Версия HTML 4.01, предоставена възможност да се върнете към най-доброто решение на конструкцията за сепариране и представяне. Но само по себе си валиден HTML 4.01 документ, който не съдържа информация относно предаването ще изглежда ужасно в браузъра, без специално проектирана стандарт CSS - което позволи на разработчиците да определят стила уеб-представяне на информацията в отделен файл, modgruzhaemyh в HTML документ. Чрез този pothodu, HTML подкрепа е станал много по-лесно и по-евтино. Тъй като елементи на форматиране продължи да не установяват с дръжка, а за клас или атрибут за идентификатор или името на маркер в стилове:
Основната цел на всичко това се вижда много ясно: За да бъде валиден HTML документ (soostvetstvoval стандарт), тя не следва да представи презентация код.
Времето не стои на едно място и настоя, че уеб-разработчиците все повече и по-сложни приложения, както и структурата на HTML документ. В тази връзка не е XHTML 1.0 (Extensible Hypertext Markup Language) Extensible Markup Language, е първият хибрид спецификация е създаден на базата на HTML и XML. HTML създатели са искали да видят новия си език поколение маркиране, съчетаващ стандарт HTML и XML разтегливост. При създаването на този език Вероятен го използвате в XML-съвместим среди, както и със стандартни потребителски браузъри HTML 4.01. На нея ще бъдат обсъдени в тази статия, когато тя е пример за създаването на една от общата оформлението XHTML строг 1.0.
От списъка с клонове разработени и приети стандарти документ XHTML очертава седем "подотрасли" XHTML.
За да се използва определен стандарт, и dkument е валидно по отношение на този стандарт, е необходимо да се уточни вида на документа DOCTYPE. DTD (Document Type Definition) - един от най-важните атрибути на един HTML документ, посочен в началото на документа, информира клиента браузъра на формата на съдържание, което е, за очакваните описания (тагове) методи за подкрепа и т.н.
Тук са най-често срещаните видове DTD за XHTML:
XHTML 1.0 Преходен
В тази статия ще се разглежда като пример за един от най-общ оформление XHTML шаблона, със строг (Строг) структура ЕВРОВОК, тоест, в строго съответствие с W3C стандарт. За това ние използваме този DOCTYPE:
И така, какво е стриктното спазване на стандартите на W3C? В действителност тя се справя правилата за записване, които промениха Стриктно 1.0, и изискват стриктно спазване.
Таблицата по-долу съдържа списък с описания, които се допускат / не е позволено в XHTML 1.0, проверете тази таблица, която ще има тази гледна HTML 4.01 / XHTML 1.0 Позоваване
Най-често срещаните грешки в XHTML-маркировка са:
Това е един непълен списък, но дава обща представа за това често правят грешки в подготовката на XHTML-документи
И така, ние се пристъпи към налагането на валиден XHTML-шаблон например. Това ще бъде този с най-горното меню в лявата страна, на текст, дясната колона с изображение (банер) и долната част на страницата с авторско право. По-долу е алгоритъм на модела на оформление.
За да започнете да формират основната структура на HTML:
UPD. W3C препоръчва посочва в документите, XHTML Strict 1.0 версия на XML преди DOCTYPE:
Въпреки това, както е добре известно, IE6 не поддържа уеб стандарти, и поради това да се намери в този документ ЕВРОВОК показва документ HTML като не е валидна - в режим на обратна съвместимост. Общото посочване на XML версия на документа XHTML 1.0 Strict не е задължително, така че ако искате да продължава да се осигури подкрепа за оформлението IE6, трябва да се отпишете от тази препоръка W3C и мине дръжката оставяйки само реклама DOCTYPE. В противен случай, първата грешка, която ще се сблъскате при показване на оформлението си - това е погрешно изчисляване на ширината на родителското устройство с плаваща дъщерни дружества. Ето защо, изборът е ваш или стандарти или IE6, аз избирам стандартите!
И така се формира основната структура на документа, сега се създаде стилове, в които посочват опции за показване на:
Това е стилът на основните елементи:
След това добавете връзките за главното меню (в контейнер с удар с глава на един клас), заглавието на текста (в блок с ляв клас), а под него самия текст, тя се счупи на секции (дръжка
). Просто вградите десен блок ресурс (в един клас контейнер вдясно) и добавяне на авторските права в долната част на страницата (в един клас долния контейнер).
В резултат на това на структурата на документа XHTML ще бъде, както следва:
Следващата стъпка е да се добави лист CSS стил за представените предмети, а те да изглежда така:
Дори когато се използва за оформление стилове глобалната нулиране, който се добавя към горната част на CSS стил файл:
Това е всичко, валидността на налагането е готова, се проверява за валидност може да zdest Markup Validation Service. Виж пример в тази връзка действие оформление XHTML строг 1.0.