Днес, има някои от най-популярните браузъри, които хората използват за работата им по интернет. И постоянно главоболие за всеки уеб дизайнер - е, че една и съща HTML кодът изглежда по различен начин в различните браузъри. Освен това, един и същ код изглежда по различен начин в различни версии на един и същ браузър.

Естествено, всеки уебмастър трябва да се грижи, че сайтът изглежда по същия начин в най-голям брой браузъри. Това е способността (когато кодът изглежда по същия начин в различните браузъри) и се наричат ​​"различни браузъри оформление на HTML". Възможността за налагане на такъв код - много полезна и ценена от потенциални работодатели. Много често, такова изискване следва едно от първите условия, за да бъдат изпълнени от потенциален кандидат за позицията уеб програмист в сериозна компания.
Защо уебсайт изглежда по различен начин в различните браузъри?

Има няколко причини за различни видове уеб сайт в различни браузъри.

1. Използването на нестандартни разполага HTML.

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

Старайте се винаги да се напише код, за да отговаря на стандартите.

Ето един класически пример. Да разгледаме следния прост HTML кода на маса.

Този код показва таблицата, състояща се от една клетка. Уеб дизайнер иска да височината на масата на първия ред е равен на 100 пиксела. Въпреки това, в стандартния HTML тага в височина атрибут е невалиден.

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

Правилното решение за пример една маса - е използването на стилове. Ето какво трябва да се търси в "правилната" код:

Този вариант ще бъде (или поне би трябвало) се появяват едни и същи във всички видове браузъри.

2. атрибути по подразбиране.

Всеки HTML елемент, има много качества. Този цвят, а разстоянието до съседните елементи, както и привеждане в съответствие и други. Докато се приготвя на HTML кода, дизайнерът обикновено определя стойността на само тези атрибути, които са важни за представянето на елементите на страницата. Какво да правим с браузър ценности неуточнени атрибути? В този случай, браузъри използват стойности по подразбиране. И тук се крие опасността. Стойности по подразбиране могат да бъдат различни в различните браузъри. Така например, размерът на шрифта по подразбиране може да бъде различна. Поради това, в някои браузъри, текстът заема повече място, отколкото други. Това, от своя страна, може да доведе до различия в страницата за картографиране.

Как мога да се реши този проблем? На първо място, универсален съвет: погледнете дисплея на сайта в най-много браузъри. На второ място, това е възможно във файла за CSS настроен на техните стойности по подразбиране за всички елементи, които се използват в страницата. Това ще попречи на браузъра да се налага да "измислят" стойности на свойствата на HTML елементи. Това може да стане, например, както следва:
HTML, тяло, DIV, педя, аплет, обект, вградена рамка,
Н1, Н2, Н3, Н4, Н5, Н6, р, блоков цитат, предварително,
а, съкр, акроним, адрес, голям, цитирам, код,
дел, DFN, EM, шрифт, IMG, добавки, KBD, Q, S, SAMP,
малък, стачка, силна, под предо, TT, Var,
дл, DT, дд, ол, ул, Li,
fieldset, форма, етикет, легенда,
маса, надпис, tbody, tfoot, врекламния, TR, ти, TD марж: 0;
подложка: 0;
граница: 0;
очертание: 0;
шрифт тегло: наследят;
шрифт в стил: наследи;
шрифта: 14px;
шрифт семейство: наследи;
вертикално подравняване: отгоре;
фон: прозрачен;
шрифт: Verdana, Женева, Светъл, "Светъл Grande" Arial, Helvetica, безсерифен;
фон-цвят. бяло;
>

По този начин, всички елементи на страницата, ще имат свойствата, посочени във файла. Ако искате да имате някакъв елемент свойства, различни от свойствата по подразбиране, те трябва да бъдат изрично отменено.

3. "Компоненти" някои браузъри.

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

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

Свързани статии

• оформление различни браузъри CSS