Кросбраузерності верстка сайту - хук для wordpress

Кросбраузерності верстка сайту - хук для wordpress

Кросбраузерності верстка - це така верстка, при якій сторінка сайту відображається однаково у всіх браузерах, зберігаючи свою функціональність.

Відомо, що один і той же html або php код може виглядати по різному в різних браузерах (наприклад: Firefox і Opera). Кросбраузерності верстка зробить так, щоб сайт у всіх браузерах відображався однаково.

На даний момент, вУкаіни існує кілька найпопулярніших браузерів, за допомогою яких люди щодня працюють в мережі Інтернет і переглядають сайти. Такими браузерами є Mozilla Firefox. Opera. Google Chrome і Safari. Робити сайт кросбраузерності для будь-яких інших браузерів - не бачу сенсу.

Різні стилі для кожного браузера в одному файлі CSS

Кросбраузерності сайт можливо зробити за допомогою підключення різних файлів CSS, для кожного браузера окремо. Але мені цей спосіб здався не дуже зручним. Тому пропоную вам спосіб, який реалізується за допомогою HTML і одного файлу CSS.

Код розташований нижче необхідно вставити перед тегом в файлі header.php:

Як ви помітили, в коді не згадано браузер Mozilla Firefox. Це тому, що я зазвичай верстаю сайт саме під браузер Firefox, а під інші правлю файл style.css

Тим самим отримуємо різні класи для всього вмісту, що знаходиться між тегами . для потрібних браузерів. наприклад,