Кроссбраузерність, Валідність, Скидання CSS (Reset CSS),Умовні коментарі для IE, Дизайн-студія
Останні роботи зі створення та просування сайтів нашої WEB студії у Ставрополі, Черкеську та П'ятигорську
Кросбраузерність
Кросбраузерність.Правило хорошого тону HTML верстки.
У великому розмаїтті всіх браузерів та їх версій, та їх особливостях відображення інтернет-сторінок, з'явилося поняття коссбраузерність HTML верстки. Так що ж таке кросбраузерність?!
Кросбраузерність – це властивість інтернет сторінок відображатися в різних версіях браузерів однаково, без спотворень та «розповзання» елементів сторінки, не залежно від особливостей самого браузера.
Найбільшою кількістю цих особливостей мають браузери Internet Explorer від Microsoft, за що їх і «не люблять» більшість HTML верстальників, і вигадують для нього різні способи приведення до правильного відображення сторінки (дані способи верстальники називають «милицями»). Особисто наша думка, що згорнути HTML сторінку кросбраузерної можна без застосування цих самих «милиць», які засмічують HTML код сторінки.
Основні правила кроссбраузерної верстки:
Не секрет, що кожен браузер має свої стилі оформлення тих чи інших елементів HTML коду, розмір шрифту, розмір відступів і т.д. що вже призведе до розповзання елементів сторінки, і вона не буде кросбраузерною. Звідси можна дійти невтішного висновку, що це власні стилі різних браузерів потрібно «відключити», точніше скинути на однакові. Деякі HTML верстальщики роблять це безпосередньо при заданні CSS стилів до окремих елементів, ми використовуємо іншу практику. Ми скидаємо всі CSS стилі браузерів на початку CSS документа. Для цього ми використовуємо допрацьований набір стилів CSSmeyerweb.com
Скидання CSS стилів (Reset CSS)
Цей код, доданий до стилю CSS, скидає всі власні стилі браузерів на однаковий. Це дозволить зробити верстку HTML сторінки ідентичною у всіх браузерах, незалежно від своїх власних стилів.
Валідність HTML документа
Друге правило кросбраузерної HTML верстки це дотримання стандартів HTML та XHTML, затверджених W3C консорціумом. Кожен HTML документ (саме документ) має свій стандарт, і свої особливості написання.
Види стандартів HTML документів та їх відмінності ми розглянемо пізніше, оскільки ця тема потребує окремого розгляду та опису.
Валідність HTML документа це відповідність затвердженим стандартам і нормам W3C консорціуму.
За стандартами W3C, кожен тег HTML документа повинен мати свою пару. Називаються ці пари, що відкриваються і закриваються тегами, але є винятки з цього правила - це теги і т.д., ці теги не мають пари, що закривається.
Чи не закритий парний тег, кожен браузер може зрозуміти по своєму, і відобразить вміст, укладений в ці теги не так як треба верстальнику.
Перевірити валідність HTML документа можна на веб-сайті W3C консорціуму.
Приклад валідного коду:
Приклад не валідного коду:
Перевіряємо кросбраузерність.
Існує багато способів перевірити кросбраузерність верстаємого HTML документа, найпростіший з них - це поставити всі популярні браузери собі на комп'ютер. Але як бути з різними версіями Internet Explorer? — спитають багато хто.
Є простий спосіб зібрати всі версії IE в одному флаконі. Ви можете завантажити програму IE Tester, яка включає всі версії IE, починаючи з IE 5.5.