Адаптація HTML -сторінок для мобільного телефону. Сьогодні багато відвідувачів сайтів (напевно, навіть більшість) проходять в Інтернеті через мобільні пристрої (мобільні телефони, смартфони, планшети), які мають дуже невеликі розміри екрана порівняно з персональним комп'ютером на робочому столі (ПК). За замовчуванням браузери на цих пристроях показують HTML -сторінки так само, як на великих екранах настільних ПК, тобто у випадку текстової наповнення сторінки текст відображається настільки мало, що його майже неможливо прочитати . Звичайно, відвідувач сайту з мобільного телефону може легко збільшити масштаб сторінки, але це вимагає зайвих рухів, тим самим ускладнюючи перегляд та читання. Щоб проілюструвати роботу браузера на мобільному телефоні за замовчуванням, я створив сайт, відкрив його в браузері на настільному ПК, сфотографував екран, а потім зменшив його в графічному редакторі до ширини 250 пікселів. Виявилося наступне: Текст, який був ідеально читаний на великому екрані, абсолютно не можна розібратися, як зазначалося вище. Для того, щоб проілюструвати, що я хотів би потрапити на мобільний телефон у цьому випадку, я відкрив той самий сайт у браузері на настільному ПК, зменшив вікно браузера у висоті та ширині до розміру мобільного телефону, взяв Зображення екрана, виріжте зображення вікна браузера. А тепер що сталося: Як кажуть, порівняйте перший і другий варіант і відчуйте різницю. Для того, щоб сайт відображався на другому (правильному) опції на мобільному телефоні, він повинен бути адаптований для мобільних пристроїв. Для цього використовуйте різні методи (наприклад, динамічна адреса сторінки Show-One (URL), але різні параметри для HTML-сторінки HTML залежно від браузера відвідувачів; або інших різноманітних URL-адрес з різними параметрами для HTML-сторінок для різних пристроїв для різних пристроїв ), але враховується найбільш оптимальна адаптивна конструкція. У цьому випадку браузер відвідувачів видається тим самим HTML -кодом, який відображається по -різному залежно від розміру екрана. У випадку з текстом із зображеннями та таблицями адаптованість дизайну досягається досить просто. Вам потрібно намагатися не використовувати фіксовані розміри текстових блоків, зображень та таблиць. Я встановив текст за допомогою стилів (CSS) максимально можливою шириною, щоб зручно читати на великих екранах таблиці ПК. Після створення адаптивного дизайну сторінки HTML необхідно повідомити браузер про мобільний телефон, що сторінка може адаптуватися до невеликих екранів. Це можна зробити за допомогою наступного тегу в заголовку сторінки HTML: Ви можете прочитати більше про це на веб -сайті Google: