นี่คือตัวอย่างเบื้องต้นของคำแนะนำสำหรับเว็บสมัยใหม่ เรากำลังเพิ่มเนื้อหาใหม่อย่างต่อเนื่อง และยินดีรับการมีส่วนร่วมหรือความคิดเห็นใน GitHub

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

กรณีการใช้งานคำแนะนำสำหรับเว็บสมัยใหม่

เผยแพร่: 19 พฤษภาคม 2026

นี่คือรายการ Use Case ทั้งหมดที่สร้างขึ้นซึ่งพร้อมใช้งานในคำแนะนำสำหรับเว็บสมัยใหม่

`accessibility`

`accessible-error-announcement`

ซิงค์สถานะการช่วยเหลือพิเศษแบบเป็นโปรแกรม (เช่น aria-invalid) กับสถานะ :user-invalid ที่มองเห็นได้เพื่อให้ผู้ใช้โปรแกรมอ่านหน้าจอได้รับข้อเสนอแนะเกี่ยวกับข้อผิดพลาดหลังจากโต้ตอบเท่านั้น ซึ่งจะจำลองประสบการณ์การมองเห็น

ฟีเจอร์ที่ใช้

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

dynamic-sibling-styling

`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`

`dynamic-sibling-styling`