Смесен оформление и компактен код в XHTML, смесени маркировка - за и против
Смесен маркиране - плюсове и минуси ...
CSS маркиране проучване на страх (Cascading Style Sheets), или невъзможността да се използва в някои проекти не може да бъде пречка за използването на уеб-стандарти. Комбинирането табличен оформление с CSS и структурна достъпен XHTML. можете да получите добра уеб-страница, която работи във всички браузъри.
CSS стандарт все още е в етап на развитие, някои браузъри все още само се учат да се справят с CSS 1 и CSS 2, така че за някои от проектите, че има смисъл да се използва прост XHTML -Table за местоположението на основните елементи на сайта. Въпреки това, не трябва да се бърка с табличен оформление безсмислено маркиране и обекти със смесено оформление и няколко не-структурни компоненти са доста различни от сложен глупав код, използван в повечето сайтове и до днес.
I е посочено в предишна статия в тази серия (структура и metastructure в XHTML), че някои от компонентите на местата на взаимодействие с смесен оформление не може да бъде структурирана. Но това не означава, че останалата част от кода такива сайтове не трябва да бъде структурен. И все пак, следната алинея се маркира като параграфи, списъци - като списъци и така нататък. Строителен елемент, или не - в никакъв случай не е необходимо да се използва ясен и компактен код и CSS.
Често срещани грешки смесен за маркиране ...
Нека да разгледаме един типичен маса дизайн оформление на обекта с навигационно меню, променя външния му вид, в зависимост от местоположението на потребителя на сайта.
При използване на хипервръзки, привържениците на старите методи ще използвате маркерите на шрифта, за да контролира външния вид (размер. Font. Цвят) и остарели атрибути за привеждане в съответствие, определянето на границите и на цвета на фона на клетката от таблицата, който съдържа тази точка от менюто.
Съвременните дизайнери ще се обръщат към него с CSS. Въпреки това, когато се използва неправилно, резултатите могат да бъдат още по-лоши.
Дори ако GIF изображения се използват за елементите от менюто. дизайнер е вероятно да се опита по някакъв начин да маркирате менюто в сравнение с другите елементи на сайта. Например, използвайте тънка черна рамка в менюто, докато другите елементи на сайта правят без граници.
Днес, дизайнерите могат да съчетават лошо кода от прецъфтяването CSS. за да се постигне същия ефект. Въпреки това, този метод е по-добър от предишния.
Klassisty: Код за болест ...
Как да се разграничат една клетка в таблицата, обслужващи елемент от менюто, от другите клетки на страницата? Или да се създават връзки вътре в тези клетки се различават от всички останали връзки страница?
Разбира се, не с изтекла регистрация на тагове и атрибути като BGCOLOR. Както можете да предположите.
Ние не използваме код като този:
КОНТАКТИ
Но ние също така не искам да се всеки елемент, който изисква специално лечение, присвоен клас. която се проявява доста често:
Аз наричам този стил klassistskim маркиране. На такива сайтове, всеки маркер има своя клас. Прекомерната употреба на класа елемент ненужно увеличава размера на кода на всяка страница. Появата на тази техника има своите корени в момента браузъри едва подкрепени CSS. и отразява много плитко и повърхностно познаване на дизайнера в CSS.
Divisty - популярни конкуренти klassitov ...
-Щастливия klassistam понякога може да остане незабелязан дори и в този код:
<р class="text">Това е лоша начин за създаване на уеб сайтове.
<р class="text">Опашката трябва да използвате всички тези класове.
<р class="text">Добрите дизайнери се опитват да се избегне това.
добре дошъл страница за участниците!
Този код дори не намеква за структурата - само десетки байта ненужен код. Отиди в този сайт с помощта на Pocket PC или текстов браузър, и вие никога няма да предполагам как елементите се отнасят един към друг.
В интерес на истината, в съответствие с този кодекс, те не се отнасят един към друг. Divisty трансформира структурата в пълен "боклук".
Klassictov divictov и може да се сравни с ненужни бележки, които играе училище любител музикант, или безсмислени думи-паразити, които се използват в съвременната реч. Тя плевели в красива градина логическа структура.
Премахване на всички класове от своя код, както и размерът на страниците си ще бъде намален наполовина. Без Разделение имаш чиста, логическа структура код, който работи добре в текст и графични браузъри. Като следвате тези правила, можете да създадете по-последователен и компетентен уеб-страница.
Най-DIV няма нищо лошо ...
Някои от вас може би, че съм в противоречие. В една статия пиша, че използвате DIV не е необходимо, но в друга статия (DIV, номер, както и други помощници) се използва Разделение. Как да разбираме това?
Всъщност, никога не съм казал, че да се използва DIV - лошо. Div етикет е приемлив част от кода, предназначени за разполагане на елементи на вашия сайт.
Необходимо е обаче да не се използва DIV, само когато ги замени твърде често, други по-подходящи елементи. Това означава, че ако сте създали един абзац, а след това нека да бъде една точка и е със съответен етикет, а не елемент DIV клас текст.
Най-голямото заглавие на страницата, трябва да бъдат маркирани
. и не .
Виждате ли разликата? Разбира се, да.
Защо Разделение?
Много дизайнери използват маркер на DIV обратно в контекста на структурата в замяна на всички елементи - от точка до заглавието.
Повечето от тях са придобили навика да откриете, че браузъри като Mozilla Firefox, вмъкнете излишно празно пространство, унищожавайки оформлението около структурни елементи, като например
. обаче маркиране, която използва не-структурни елементи DIV. всичко е наред.
Опитвайки се да се запази най-малките нюанси на маркиране, много дизайнери са толкова ентусиазирани, че настояват за използването на неносещи елементи на DIV вместо обичайните елементи на параграф, с глава, и така нататък. Цената на такъв метод е много висока.
И това е необходимо да се напише в CSS. само две линии, както и проблема с излишно празно пространство ще бъдат решени:
h1 # 123;
марж-горния # 58; 0px;
марж дъно # 58; 0px;
# 125;
Друг пример за използването на DIV е ситуация, в която дизайнерът е заразен "маса - това е лошо, СГО - добър" вирус и ентусиазъм замества "разпилените" код 100 вложени Разделение.
По този начин е невъзможно да се постигне положителни резултати, но вместо това само труден за редактиране на документи.
Виждате ли разликата? Разбира се, да.
Защо Разделение?
Много дизайнери използват маркер на DIV обратно в контекста на структурата в замяна на всички елементи - от точка до заглавието.
Повечето от тях са придобили навика да откриете, че браузъри като Mozilla Firefox, вмъкнете излишно празно пространство, унищожавайки оформлението около структурни елементи, като например
. обаче маркиране, която използва не-структурни елементи DIV. всичко е наред.
Опитвайки се да се запази най-малките нюанси на маркиране, много дизайнери са толкова ентусиазирани, че настояват за използването на неносещи елементи на DIV вместо обичайните елементи на параграф, с глава, и така нататък. Цената на такъв метод е много висока.
И това е необходимо да се напише в CSS. само две линии, както и проблема с излишно празно пространство ще бъдат решени:
h1 # 123;
марж-горния # 58; 0px;
марж дъно # 58; 0px;
# 125;
Друг пример за използването на DIV е ситуация, в която дизайнерът е заразен "маса - това е лошо, СГО - добър" вирус и ентусиазъм замества "разпилените" код 100 вложени Разделение.
По този начин е невъзможно да се постигне положителни резултати, но вместо това само труден за редактиране на документи.