Какво е xhtml?

Началото е важно - DOCTYPE & Namespace

В XHTML 1.0 има три вида такива декларации:

- Това е най-стриктната форма на XHTML - при нея би трябвало да разчитате изцяло на CSS за оформлението на страницата, като например не можете да използвате атрибута bgcolor в тага body и т.н.

- Това е най-използваната форма на XHTML, която не е толкова претенциозна към разделянето на оформлението от съдържанието и структурата.

- Използвайте тази декларация, ако на страницата ви има т.нар. фреймове - вложени един в друг отделни документи.

Освен него в началото на документа се добавя и следния ред:



xml:lang и lang елементите се отнасят до езика на документа. В случая той ще бъде възприеман като английски. Ако искате езикът да бъде например български този ред ще изглежда така:

На страницата първият ред е следният:

Този пролог е част от спецификацията на езика XML и чрез него се означава, че даденият документ е XML съвместим. Това създава проблеми с някои браузъри, които нямат никаква XML съвместимост, но техният дял е твърде малък, за да се притеснявате.

Осен това този пролог е важен за документите, които са на език различен от английския, т.е. за много от страниците, които създаваме тук в България. Чрез него се определя каква кодова таблица да се използва. Ако наистина не искате да го използвате можете да прибегнете до добрия стар начин за определяне на кодовата таблица за текущия документ, чрез META таг:

Пишете всички тагове с малки букви

Ето защо ако ред във вашия стар доумент би могъл да изглежда така:

То във валидния XHTML документ той трябва задължително да бъде преобразуван така:

По същия начин

Всички променливи трябва да са в кавички

В HTML нямаше значение дали ще напишем border=0 или border="0". В XHTML кавичките са абсолютно задължителни!

Затваряйте всички тагове!

Досега повечето браузъри толерираха мързела. Можехме да отваряме колкото си искаме
и

тагове, без да ги затваряме съответно с
и

. Но това не важи за XHTML.

Всеки таг трябва да бъде затворен:

This is valid XHTML.

I close my tags after opening them.

Затваряйте и "празните" тагове

"Празни" тагове са тези, които нямат затварящ таг. Това са например <img> и <br> таговете. В XHTML дори и те трябва да се затварят. Това става като се добавя наклонена черта по този начин:

Важно е да се отбележи, че преди тази наколонена черта има и празен интервал. Той се добавя, за да не предизвиква объркаване в по-старите браузъри.

Прескачащи се тагове

Ако си мислите, че няма никакво значение ако напишете:

Имало едно време голям и лош вълк.

то, според XHTML дълбоко се лъжете. Таговете в XHTML не могат да се "прескачат". Ето защо в XHTML документа единствено правилно ще е, ако напишете следното:

Имало едно време голям и лош вълк.

Структурата е важна

Дотук разгледахме формалната страна на прехода към XHTML. За да бъде съвеста ни чиста обаче, трябва да вникнем навътре в нещата - в същността на XHTML.

XHTML насърчава създаването на логична структура на документите. Под логична структура се разбира употребата на правилните тагове за определянето на функциите на отделните структурни елементи - заглавия, параграфи, списъци и т.н.

Казано с други думи - когато пишете текст, който ще бъде публикуван в мрежата (или пък, когато конвертирате съществуващи текстови документи в уеб страници) - мислете си като за обикновен план.

Моята тема

Встъпителен текст

Подточка

Съответстващ текст

Много пъти съм виждал как се използват тагове или CSS стилове (напр.

По същата логика ако досега сте правили това...

първо

второ

трето

...сега би трябвало да използвате за същата цел номериран или обикновен списък:

1. първо



2. второ



3. трето

XHTML насърчава дори още по-голямо разделяне на съдържанието от оформлението. Ето защо трябва да използвате преди всичко стилове, за да оформяте външния вид на съдържанието, вместо да разчитате на структурните тагове на XHTML.

На всички атрибути да се задава стойност

В XHTML е задължително на всички атрибути да се задава стойност. Щом един атрибут няма стойност в HTML, тогава в XHTML като стойност се задава самото име на атрибута. Например атрибута за премахване сянката на линия е noshade и той няма стойност, затова в XHTML трябва да се изпише така: noshade="noshade"; checked="checked"

Валидност на документите

Както в реалния живот не можем сами да си издаваме паспорти и да печатаме пари, така и XHTML документите ви трябва да бъдат проверени (валидирани) от World Wide Web Consortium. За целта просто запомнете следния адрес:

validator.w3.org

Проверявайте всеки документ за валидност и поправяйте грешките докато е време. (За целта са създадени някои удобни програми, но за това друг път.)

Ползата от XHTML

Както видяхме, преходът от HTML към XHTML е нещо съвсем лесно. Но всичко това не е самоцелно упражнение, а има следните големи преимущества:

Безболезнен преход към по-напреднала технология

Мрежата върви към XML, технология разширяваща възможностите на разработчиците многократно. Създаването на валидни и добре оформени XHTML страници е най-лесният начин да се започне този преход. Единственото условие е да научите онези прости правила, които разгледахме по-горе.

По-чист, по-логичен код

XHTML създава единство в структурата на различните документи. Правилата на XHTML възстановява структурната цялост на документите, която до този момент беше дълбоко пренебрегвана. Това е важно, когато се работи с много файлове принадлежащи на един по-голям сайт, защото улеснява многократно работата във всички аспекти (създаване, поддръжка, подмяна, търсене и т.н.). Освен това в резултат размерът на страниците ви (в КВ) намалява и съответно времето за тяхното зареждане, което също е много важно.

Работа с множества устройства и платформи

За разлика от старите HTML страници, валидните и добре оформени XHTML страници лесно могат да бъдат показвани от мобилни телефони, устройства с безжичен достъп, Брайлови четци и други устройства за достъп към Интернет. Освен това тези страници ще разботят във всички браузъри, независимо от версията и производителя им.

По-голяма достъпност

XHTML страниците се създават по строги правила и принципи, които допринасят за увеличаването на достъпността на тези страници (достъпност за хора с физически недостатъци, които стават все повече в Мрежата).

Каталог: braycheva -> XII%20клас
XII%20клас -> Мрежови интерфейси

Изтегляне 56.75 Kb.

Сподели с приятели: