Стабильная версия Modern Web Guidance Улучшите своих агентов по программированию с помощью проверенных экспертами лучших практик веб-разработки. Подробнее…
Чтобы переводить контент на ваш предпочитаемый язык, Google использует технологии на основе искусственного интеллекта. Переводы от ИИ могут содержать ошибки.
Конструктивные элементы
Оптимизируйте свои подборки
Сохраняйте и классифицируйте контент в соответствии со своими настройками.
Компоненты – это строительные блоки современных веб-приложений. Каких рекомендаций следует придерживаться при создании собственных компонентов, чтобы они выдержали испытание временем?
Компоненты – это строительные блоки современных веб-приложений. Каких рекомендаций следует придерживаться при создании собственных компонентов, чтобы они выдержали испытание временем?
Пользовательские элементы
Пользовательские элементы позволяют разработчикам расширять HTML и создавать собственные теги. Поскольку пользовательские элементы основаны на стандартах, они используют преимущества встроенной модели компонентов Интернета. В результате получается более модульный код, который можно повторно использовать в разных контекстах.
Подробнее…
Shadow DOM
Shadow DOM – это веб-стандарт, который позволяет инкапсулировать стили и разметку компонентов. Это критически важная часть веб-компонентов, поскольку она гарантирует, что компонент будет работать в любой среде, даже если на странице задействованы другие CSS или JavaScript.
Подробнее…
Рекомендации
Поскольку пользовательские элементы и теневая модель DOM являются низкоуровневыми примитивами, не всегда понятно, как лучше всего объединить их для создания надежного компонента, который хорошо работает в различных средах. Хотя с помощью этих API можно сделать практически все, что угодно, вот несколько рекомендаций, которые помогут обеспечить хорошую работу ваших компонентов в любом месте.
Подробнее…
Примеры
HowTo-Components – это набор элементов, демонстрирующих рекомендации по работе со специальными элементами и Shadow DOM. Эти элементы не предназначены для использования в рабочей среде, а служат лишь для того, чтобы показать, как рекомендации по оптимизации реализуются на практике.
Подробнее…