使用语义化标签和角色属性是提高网站可访问性的重要方式，以下是一些常见的语义化标签和角色属性：
<header>：定义页面或区域的头部，通常包含网站的logo、导航栏、搜索框等元素。<nav>：定义导航栏，包含网站的主要导航链接。<main>：定义页面的主要内容区域，通常包含文章、图像、视频等主要内容。<article>：定义独立的文章或内容块，通常包含标题、作者、日期等元素。<section>：定义页面中的一个部分，通常包含一个主题或一个相关的内容块。<aside>：定义页面中的侧边栏，通常包含与主要内容相关的补充信息、广告等。<footer>：定义页面或区域的底部，通常包含版权信息、联系方式等元素。此外，角色属性可以用于标识元素的作用和功能，以帮助屏幕阅读器等辅助技术更好地理解网页的结构和内容。常见的角色属性包括：
role="banner"：定义头部区域。role="navigation"：定义导航栏。role="main"：定义主要内容区域。role="article"：定义独立的文章或内容块。role="complementary"：定义侧边栏。role="contentinfo"：定义底部区域。使用语义化标签和角色属性可以提高网站的可访问性，让屏幕阅读器等辅助技术更好地理解网页的结构和内容。同时，也有助于提高搜索引擎的排名和用户体验。在编写网页时，应尽量使用语义化标签和角色属性，使页面结构更加清晰明了。
