区别

无序列表的type属性曾用于设置列表符号，1. 可选值为disc（实心圆点，默认）、circle（空心圆圈）、square（实心方块），但该属性现已不推荐使用；2. 推荐使用css控制样式，因css更灵活且符合最佳实践，可通过list-style-type、list-style-image或list…

正确使用html blockquote标签的方法是将长引用文本用 和 包裹，并可添加cite属性指定来源url；2. blockquote用于长的块级引用，通常带缩进，而q标签用于短的行内引用，浏览器可能自动添加引号；3. 可通过css自定义blockquote样式，如调整缩进、添加边框、背景色、字…

aria-expanded 应用在触控元素上，用于指示关联内容的展开或折叠状态，其值为 true 或 false。1. 它用于控制器（如按钮）而非内容本身，2. 通常与 aria-controls 配合指向被控区域的 id，3. 点击时需同步切换内容显示与 aria-expanded 状态，4. 与…

aria角色是html中用于增强网页可访问性的重要工具，它通过向辅助技术提供页面元素功能信息，帮助残障人士更好地使用网页。1. aria角色定义了元素“是什么”，而非“看起来像什么”，例如用role=”navigation”标识导航区域。2. aria与html语义化标签不同…

在html中推荐使用元素标记时间日期信息，以提升内容的语义化、可访问性和seo效果。1. 通过datetime属性提供机器可读的iso 8601格式时间，同时保留人类可读的显示内容；2. 使用有助于搜索引擎识别并展示富文本摘要，提高点击率；3. 屏幕阅读器可准确解析时间信息，增强辅助功能体验；4. …

aria-invalid的核心作用是向辅助技术明确指出输入字段的无效状态。它不改变视觉样式，而是提供可编程访问的状态，确保依赖屏幕阅读器的用户能感知错误。1. 当字段数据不符合预期格式、范围或逻辑时，设置aria-invalid为”true”；2. 验证通过后应移除该属性或设…

html本地存储主要包括localstorage和sessionstorage。1. localstorage用于长期存储数据，关闭浏览器后数据依然存在；2. sessionstorage用于临时存储数据，关闭浏览器窗口或标签页后数据会被清除；3. 两者操作方式相似，但生命周期不同，均适合存储少量数…

shadow dom通过创建独立的dom子树实现组件样式封装，解决了全局css带来的命名冲突和样式污染问题。其核心机制是为宿主元素创建shadow root，形成隔离的渲染作用域，内部样式仅作用于该子树。1. 它防止样式泄露与渗透，确保组件外观稳定；2. 提供两种模式：open（便于调试）与clos…

aria-multiselectable 的核心作用是声明容器支持多选，需配合 role 和 aria-selected 使用。具体步骤：1. 在容器上设置 role=”listbox/grid/tree” 及 aria-multiselectable=”true…

html可访问性树是浏览器为辅助技术创建的语义化页面结构，其检查方法如下：1. 使用浏览器开发者工具，如chrome、firefox、edge中的“元素”面板旁的“辅助功能”选项卡；2. 选择任意元素查看其角色、名称和状态信息；3. 若元素未正确表示，例如按钮显示为div，则需修复；4. 验证可访问…