Новий матеріал HTML5 / CSS3 (Web8!) Звучить круто! Чи варто почати його використовувати зараз чи дотримуватися css / xhtml дочекатися, коли інші браузери зможуть його використовувати?
Новий матеріал HTML5 / CSS3 (Web8!) Звучить круто! Чи варто почати його використовувати зараз чи дотримуватися css / xhtml дочекатися, коли інші браузери зможуть його використовувати?
Відповіді:
Зараз HTML5 підтримується всіма браузерами, навіть IE5! (Якщо ви використовуєте скрипт html5shiv). Я настійно рекомендую прочитати http://diveintohtml5.org Це один з найкращих ресурсів HTML5.
Що стосується CSS3, якщо ви користуєтесь цим, переконайтеся, що ви також використовуєте predix постачальника, крім звичайного синтаксису. напр
межа-радіус
-моз-границя-радіус
-webkit-межа-радіус
Я вірю в прогресивне вдосконалення. Підтримка css3 IE9 звучить дуже перспективно.
Ймовірно.
Є частини HTML5, якими ви можете скористатися зараз, сьогодні. Форми, наприклад. Якщо у вас є <input type="email">
браузер, який не підтримує HTML5 (так, навіть IE6), ви просто побачите те саме, що бачили б, як і раніше <input type="text">
. Однак у браузері, що підтримує елементи форми HTML5, ви отримуєте переваги email
типу: а саме клієнт буде помилково перевіряти значення без додаткових JS. Хоча так, вам все одно знадобиться JS для браузерів, які не є HTML5, у вас буде ще один шар перевірки в підтримуваних браузерах.
Ще одне запитання на цьому веб-сайті дає хороший огляд нових функцій, доступних вам через HTML5 та CSS3. У цьому питанні також є багато хороших даних про форми.
Оскільки Internet Explorer (і старіші версії Safari та Firefox, як би це не було рідко) не підтримує багато з цих функцій, вам залишаються бібліотеки JavaScript, щоб заповнити порожнечу. Сюди входить показ про ефективність (навіть якщо це потрібно лише браузерам), тому слід пам’ятати про своїх користувачів, коли їх використовують.
Щоб пом'якшити проблеми з відсутністю підтримки функцій, якщо ви вирішите, що ці нові функції варті того, використовуйте наступні ресурси:
.htc
файл), що робить Internet Explorer 6-8 здатнимнадатидекілька найкорисніших функцій декорування CSS3. При застосуванні до елементу, він дозволяє І.Є. розпізнавати і відображатиborder-radius
,box-shadow
,border-image
, множинні фонові зображення, іlinear-gradient
якості фонового зображення.true
якщо вона підтримується, аfalse
якщо ні. Додана підтримка для укладання і печаток HTML5 елементівтакви можете використовувати такі елементи, як<section>
,<header>
і<nav>
.src
з<img />
елемента абоякостіbackground-image
властивості в CSS. На відміну від цьогоAlphaImageLoader
,background-position
іbackground-repeat
працювати за призначенням, і елементи відповідатимуть наa:hover
псевдоклас..htc
файл), що додає підтримку PNG з непрозорістю до IE 6. Повна позиція та повторення фонового CSS підтримують (включаючи спрайти CSS) з додатковим (включеним) JavaScript..htc
файл), що автоматично виправляє: наведення,:: активний та: фокус на примх IE6, IE7 та IE8, дозволяючи вам використовувати їх так, як і в будь-якому іншому браузері. Включаєсебе підтримку AJAX,означаєщо будь-який HTMLякий отримує вставлено в документдопомогою JavaScript також підштовхне:hover
,:active
і:focus
стилі в IE.Цікаво відзначити, що DD_belatedPNG вирішує обидва питання, вирішені компанією "Що завгодно": наведіть курсор та IE PNG-фіксатор TwinHelix з чистим JavaScript, тоді як у будь-якому випадку: наведіть курсор і IE PNG-фіксатор TwinHelix використовуйте комбінацію JavaScript та IE, пов'язаних з поведінкою ( .htc files
).
Як правило, люди, які використовують браузери, які не входять до Інтернету, оновляють їх, коли їх запитують, і тому IE несе на собі основну увагу: "Але деякі браузери не підтримують цю функцію!" скарги. Modernizr додасть можливість використовувати HTML5 / CSS3 до будь-якого браузера, який ви, швидше за все, бачите, а не лише IE. тобто-css3.js зробить те ж саме, вам просто доведеться реалізувати це без умовного коментаря IE (це означає, що всі браузери в кінцевому підсумку отримують його, якщо ви не включите його до перевірок серверного агента користувача - це значно знизить продуктивність для всіх ваших відвідувачів, а не лише для ваших користувачів IE.)
Використовуйте будь-яку технологію, яка найбільше відповідає вашим потребам.
Ерік Мейєр написав хорошу статтю про те, чому починати використовувати специфічні для постачальника префікси за правилами CSS, це не кульгав, як раніше використовували хаки-фільтри css.
Я думаю, те саме стосується і HTML5. Якщо ви можете перевірити підтримку веб-переглядача на наявність різних функцій, чому б не використовувати його. Поки сайт витончено деградує, оживайте його.
Деякі інші корисні посилання, вирішуючи, які функції CSS3 ви можете використовувати: http://caniuse.com/ (дає чітко розбивати, які елементи та селектори можна використовувати на яких платформах)
http://css3please.com/ (дитячий майданчик для редагування сторінки, який може поплутатися з функціями CSS3. Це також дає поради щодо того, які методи та функції підтримуються, які платформи для часто запитуваних стилів, наприклад, закруглені кути, градієнтні фони, тощо)
Я використовую його для покращення роботи в сучасних браузерах, щоб користувачі з хорошим браузером отримували "нагороду" приємніше виглядають інтерфейсу користувача (Закруглені кути, тіні, такі собі речі). Я думаю, ви не повинні використовувати його в якості заміни, скажімо, для вашої поточної перевірки форми клієнтури, якщо ви не отримали для неї якусь резервну копію JS.
Якщо ви починаєте новий проект за допомогою HTML5, який також повинен підтримуватися у старих браузерах, найкращим варіантом є використання Initializr -
Він використовує HTML5 Boilerplate на початку, і додає кілька власних варіантів, щоб надати вам шаблон, який ви можете розгорнути на своєму власному сайті. Вона включає бібліотеки Javascript (наприклад, HTML Shiv або Modernizr), що зробить ваш сайт сумісним із старими браузерами.
Залежить від того, яка аудиторія та які функції ви хочете використовувати. Я очікую, що пройде ще кілька років, перш ніж середній проект може знизити підтримку ie6 :(
Якщо ваш веб-сайт є приватною внутрішньою мережею, або ви керуєте веб-переглядачем, або у вас є обмежений спектр браузерів, з якими можна працювати, тоді сміливо працюйте над кровоточивими технологіями.
Якщо ні, незалежно від того, чим ви користуєтесь, вам завжди доведеться враховувати найменший загальний знаменник. У цьому випадку це, мабуть, комбінація IE 6 та ряду мобільних браузерів. Отже, якщо ви рухаєтесь далі за допомогою HTML 5, у вас є додаткова проблема - переконатися, що ваш сайт добре деградує.