Đây là bản xem trước ban đầu về Hướng dẫn về web hiện đại. Chúng tôi đang tích cực bổ sung nội dung mới và hoan nghênh các đóng góp hoặc ý kiến phản hồi trên GitHub.

Google uses AI technology to translate content into your preferred language. AI translations can contain errors.

Các trường hợp sử dụng Hướng dẫn về web hiện đại

Xuất bản: Ngày 19 tháng 5 năm 2026

Đây là danh sách được tạo gồm tất cả các trường hợp sử dụng hiện có trong Hướng dẫn về web hiện đại.

`accessibility`

`accessible-error-announcement`

Đồng bộ hoá các trạng thái hỗ trợ tiếp cận theo chương trình (chẳng hạn như aria-invalid) với trạng thái :user-invalid trực quan để đảm bảo người dùng trình đọc màn hình chỉ nhận được phản hồi lỗi sau khi tương tác, phản ánh trải nghiệm trực quan.

Các tính năng đã sử dụng:

Các trường hợp sử dụng Hướng dẫn về web hiện đại Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.

accessibility

accessible-error-announcement

built-in-ai

language-detection

language-model

summarizer

translator

css

highlight-text-ranges

forms

animated-select-picker

autofill-address-form

autofill-highlight-inputs

autofill-payment-form

autofill-sign-in-form

autofill-sign-up-form

brand-consistent-forms

branded-select-styling

custom-select-picker-layouts

form-fields-automatically-fit-contents

required-field-feedback

rich-media-picker

select-menu-interaction

validate-input-after-interaction

passkeys

passkey-authentication

passkey-conditional-create

passkey-management

passkey-reauthentication

passkey-registration

performance

batch-analytics-events

break-up-long-tasks

calculate-total-foreground-time

conditional-async-dependencies

defer-rendering-heavy-content

defer-work-until-scroll-ends

deprioritize-background-fetches

detect-initial-visibility-state

efficient-background-processing

faster-spa-view-transitions

full-session-analytics

identify-heavy-scripts

identify-inp-causes

improve-next-page-load-performance

interactions-in-complex-layouts

optimize-image-priority

optimize-preload-priority

optimize-script-priority

resolution-optimized-pseudo-elements

schedule-tasks-by-priority

sequence-distributed-events

user-experience

adapt-scrollbar-to-contrast-preferences

anchor-positioning-tab-underline

animate-element-entry-exit

animate-to-from-top-layer

animate-to-intrinsic-sizes

apply-webgl-shaders

calculate-event-differentials

calculate-with-intrinsic-sizes

capture-location-agnostic-data

carousel-slide-effects

carousel-snap-highlights

child-state-based-styling

complex-shapes

component-specific-light-dark-theme

consistent-cross-document-transitions

content-based-styling

coordinate-global-events

cross-document-transitions

customize-scrollbar-color-and-thickness

dark-mode

declarative-button-actions

declarative-dialog-popover-control

deliver-optimized-decorative-images

design-token-reactivity

directional-navigation-transitions

dynamic-sibling-animations

Các trường hợp sử dụng Hướng dẫn về web hiện đại

`accessibility`

`accessible-error-announcement`

`built-in-ai`

`language-detection`

`language-model`

`summarizer`

`translator`

`css`

`highlight-text-ranges`

`forms`

`animated-select-picker`

`autofill-address-form`

`autofill-highlight-inputs`

`autofill-payment-form`

`autofill-sign-in-form`

`autofill-sign-up-form`

`brand-consistent-forms`

`branded-select-styling`

`custom-select-picker-layouts`

`form-fields-automatically-fit-contents`

`required-field-feedback`

`rich-media-picker`

`select-menu-interaction`

`validate-input-after-interaction`

`passkeys`

`passkey-authentication`

`passkey-conditional-create`

`passkey-management`

`passkey-reauthentication`

`passkey-registration`

`performance`

`batch-analytics-events`

`break-up-long-tasks`

`calculate-total-foreground-time`

`conditional-async-dependencies`

`defer-rendering-heavy-content`

`defer-work-until-scroll-ends`

`deprioritize-background-fetches`

`detect-initial-visibility-state`

`efficient-background-processing`

`faster-spa-view-transitions`

`full-session-analytics`

`identify-heavy-scripts`

`identify-inp-causes`

`improve-next-page-load-performance`

`interactions-in-complex-layouts`

`optimize-image-priority`

`optimize-preload-priority`

`optimize-script-priority`

`resolution-optimized-pseudo-elements`

`schedule-tasks-by-priority`

`sequence-distributed-events`

`user-experience`

`adapt-scrollbar-to-contrast-preferences`

`anchor-positioning-tab-underline`

`animate-element-entry-exit`

`animate-to-from-top-layer`

`animate-to-intrinsic-sizes`

`apply-webgl-shaders`

`calculate-event-differentials`

`calculate-with-intrinsic-sizes`

`capture-location-agnostic-data`

`carousel-slide-effects`

`carousel-snap-highlights`

`child-state-based-styling`

`complex-shapes`

`component-specific-light-dark-theme`

`consistent-cross-document-transitions`

`content-based-styling`

`coordinate-global-events`

`cross-document-transitions`

`customize-scrollbar-color-and-thickness`

`dark-mode`

`declarative-button-actions`

`declarative-dialog-popover-control`

`deliver-optimized-decorative-images`

`design-token-reactivity`

`directional-navigation-transitions`

`dynamic-sibling-animations`