Скрытые функции / Свойства / Атрибуты / Теги CSS3 и HTML [закрыты]

Question

В мире CSS и HTML всегда есть свои особенности (Свойства / Атрибут/Теги) это было бы полезно в второстепенных сценариях, но именно по этой причине большинство людей их не знают.Я прошу указать функции, которые обычно не описываются в учебниках по CSS, CSS3 и HTML5.

Какие из них вы знаете?

[ОБНОВЛЕНИЕ] Какие браузеры используют HTML-теги и элемент CSS3?И могу ли я использовать эту новую технологию (HTML5) для своего бизнеса?

Answer 1

Для меня одной из областей HTML и CSS, о которой большинство людей не знают, является обширная поддержка интернационализации с помощью таких HTML-элементов, как <ruby>, такие атрибуты , как hreflang="", и CSS , подобный {list-style-type: cjk-ideographic;}.По общему признанию, хотя я и использовал все это, подавляющему большинству людей это никогда не понадобится.

Чтобы ответить на ваш второй (woops, обновленный) вопрос, браузеры реализуют разные части спецификаций HTML5 и CSS3 и с разной скоростью.Как правило, браузеры Webkit (Safari, Mobile Safari, Crome) и FireFox внедряются быстрее всех, Opera хорошо справляется со своей работой, а Internet Explorer пьян в углу.В ответе @Kobi есть несколько ссылок на то, какие браузеры что поддерживают.

Что касается того, когда вы можете положиться на эти новые спецификации для бизнес-сайта, это полностью зависит от ваших пользователей и того, какие браузеры они используют.Если ваш сайт ориентирован на пользователей iPhone, вы уже можете многое использовать.Однако это не лучший способ обдумать проблему.Большинство реализованных свойств CSS3, таких как закругленные углы, отбрасываемые тени и CSS-градиенты, на самом деле очень хорошо ухудшаются, так что вы можете использовать их, чтобы вознаградить пользователей хорошими браузерами прямо сейчас.Эта идея называется прогрессивным улучшением.

Что касается HTML5, то это на 90% HTML4 с определенной обработкой ошибок, поэтому перейти на HTML5 так же просто, как изменить свой doctype — никаких других изменений не требуется.Если вы не используете новые семантические элементы, то у IE нет проблем с HTML5.Преимущества HTML5 doctype - это гораздо лучшая спецификация для ссылки, два валидатора с более информативными сообщениями об ошибках (я думаю, @Marius имеет в виду HTML5 формы проверка), и возможность использовать роли ARIA.Я написал статью о переход с HTML4 / XHTML1 на HTML5, и покрывать выгоды при этом.

HTH

Answer 2

Большинство интересных новых функций CSS3 и HTML5 еще не реализованы.Это включает в себя такие вещи, как:

• Макет шаблона CSS3
• CSS3 attr например:[src]{содержание:attr(src, url);заменит содержимое любого элемента содержимым URL-адреса в атрибуте источника.
• Валидатор HTML5

Answer 3

боковое примечание http://code.google.com/p/ie7-js/ даст вам возможность помочь браузеру ie поддерживать атрибуты css, которые делают другие браузеры, neat имеет свои недостатки, но все еще очень аккуратный

и сейчас я бы не стал сильно полагаться на новые технологии, по крайней мере, еще год-полтора, но дело идет к этому.Как разработчик, рекомендуется тестировать возможности этих технологий от сайта к сайту.Но опять же, вообще говоря, там нет ничего такого невероятного дополнения или изменения, которое просто необходимо было бы включить.

кстати, что вы подразумеваете под отсутствием типичных черт?ни одна из типичных функций не используется от сайта к сайту, в зависимости от ваших потребностей.

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

Answer 4

• Кроссбраузерная поддержка из режима Quirks - вы можете перейти к той функции, которая вам нравится, она становится очень подробной.
• Когда я могу использовать - Интерактивная таблица, которая показывает, когда функции готовы (и будут готовы) к публичному использованию.Существует также удобная опция для принятия замен JavaScript, например <Canvas> для IE6.