Оформление Cross-браузър, "привлича" търсачките

Когато създадения сайт е важно от гледна точка на неговата ефективност е оформлението на различни браузъри. Какво е това? Как може да се направи? Какво капани има?

Какво е оформление различни браузъри?

HTML / CSS - е основата за създаване на сайт. Много уебмастъри са подходящи за това в съответствие с принципа: Чувствам се добре - и това е достатъчно. И колко е неприятно е, когато дойде от вашия уеб браузър или мобилно устройство, а сайтът не се показва правилно. В такива случаи на помощ идва адаптивен дизайн и оформление различни браузъри.

Css и HTML в този случай, гръбнакът, чрез всички, които прилагат. В някои случаи, за тази цел могат да бъдат включени в JavaScript. Но крайната цел е една и съща - да се уверите, че всичко работи по различни версии. Ето защо, ако искате да се гарантира съвместимост различни браузъри, така че сайтът е добре показана във всички браузъри, е необходимо да се мисли през цялото време, от първия момент на работата на сайта.

Репетиция като цяло

Така че, нека да разгледаме как да се направи оформлението различни браузъри. Първоначално трябва да се определи кои програми ще работят сайт. Моля, имайте предвид, че броят на уеб браузъри, близки до двеста, така че се опитайте да угоди на всички - това е невероятна сложност. Затова изберете номер от 3 до 8. За да се реши какво да се съсредоточи, можете да използвате и помощни услуги като Yandex Metrika и Google Анализ. След това трябва да разберете как проблемът ще бъде решен, за да се постигне различни браузъри.

Много хора си вършат банкиране на каки. Тази специална кодекси, селектори и правила, които разбира само определен браузър. Но като се има предвид, че трябва да напиша поне няколко десетки вложки за различни браузъри и версии на браузъри, много хвърля такъв подход, заради високата си цена, продължителността и ирационално. Някои разчитат на използването на тези елементи, които се показват по същия начин. Но в същото време често е загубил няколко важни предимства. За да се сведат до минимум загубите, като се използва по-паралелно и адаптивен дизайн. Какво е това?

адаптивен дизайн

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

Има някои браузъри, като Opera и Opera Mini. на мобильных телефонах. Първо, използвани на настолни компютри, а втората - на мобилни телефони. Най-общо те са подобни, но има редица функции. В такива случаи е важно да се свърже отделните файлове и / или използването на медийни заявки. Какво е това? В първия случай, той създава отделен файл, който има за цел да работи специфичен браузър и регистрира своя предизвикателство. Във втория случай, вие трябва да внесе в медийни заявки. Ако вашата програма отговаря на специфичните изисквания на заредения файл в желаната конфигурация.

Какво трябва да направя?

Първоначално, ние трябва да помним, че когато се работи с HTML, оформление различни браузъри изисква специално внимание. Ето защо, трябва да използвате максимално възможностите на Cascading Style Sheets за по-голяма ефективност. В същото време да се наложи да промените някои начини на работа. Толкова много неопитни хора, когато те посочват размера на нещо, използвайте пиксела - пиксела. Да разгледаме пример на голям надпис глава, която краси горната част на сайта.

Тя Ширината бе определен в размер на 800rh. На екрана в 1600rh тя ще бъде доста привлекателна. Но на 700rh ще изглежда нелепо. Какво да правим в този случай? Не можете да определите размера в пиксели, както и процента! И държи надпис няма да бъде фиксирана дължина, и половината от ширината на екрана. Процентът може да се зададе и разстоянието, на което определен елемент ще бъде поставен върху краищата на екрана. Но ето какво да правя, ако екранът е твърде малък?

Да предположим, че е 300 пиксела? В този случай, ние ще Ви помогнем медии заявка, която се нуждае от поправка ширина регистър. И ако тя е равна на 700rh и по-малко, че е възможно да се установи, че знакът ще заемат 75% от местата. И ако ширината е равна на 300 пиксела или по-малко, че е възможно да се излага и 100%. Цялата тема е много интересно и полезно, така че това може да се изучава в големи подробности. Но, уви, има информация за книгата и сложи всичко в статията няма да работи.

Защо адаптивно оформление различни браузъри привлича търсачките?

И отговорът е много прост: защото показва, че разработчиците следват сайта и го правят възможно най-приятен за своите потребители. Това означава, че тези хора могат да бъдат насърчавани, като им по-високи позиции в търсачките. Разбира се, в сайта ви няма да бъдат показвани веднага на най-горния-1, но в съчетание с други фактори, това значително ще се повиши. Трябва да се отбележи, че това не е просто безполезна изискване, но нещо, което заслужаваше толкова много внимание се обръща на.

В крайна сметка, просто мисля: това, което е на потребителя, когато той получава на сайт, който не е много приятен на външен вид? Но тя може да дойде да се смята, че търсачката предлага съдържание с ниско качество! Ето защо, те са внимателно подбрани, така че сайтове, които трябва да бъдат предложени. Освен това има и уеб администраторите на доходи, защото те генерират високо качество на черупката за съдържание, в който хората ще могат да получат необходимата информация от всеки хардуер: компютър, лаптоп, таблет, смартфон или мобилен телефон. Съответно, по-доволни посетители, толкова по-бързо развиващ се сайт и нивото на доходите.

заключение

Невъзможно е да не обърнете внимание на факта, скромен, че създаването на различни браузъри сайт с адаптивен дизайн - това не е лесно, много дълъг и труден. Поради това е необходимо да бъдете търпеливи и не забравяйте, че дисциплина - това е голямо нещо! Може би нещо първоначално ще се обърка, но ние трябва да се опитаме да се търси информация, да използват различни подходи, а не да се оттеглят. И след това не забравяйте да получите направите уеб сайт, който ще бъде удоволствие да покаже на своите посетители.