Semantic HTML

Collection of semantic and accessible HTML patterns:

• Page. Minimum html code required for any webpage
• Abbreviations and acronyms
• Accordion
• Address
• Breadcrumb
• Buttons
• Command line interfaces
• Contact
• Conversations
• Cookies banner
• Creative work
• Credit card form
• Footnotes
• Form fields
• Glosary
• Headers
• Hidden elements
• Icon link
• Language switcher
• License
• List
• Menu
• Metadata
• Navigation bar
• Payment form
• Pagination
• Passwords in forms
• Product list
• Quotes
• Range input
• Scalar values
• Search
• Tables

Useful links:

• https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete
• https://www.htmhell.dev/adventcalendar/2023/8/

Contributions like issues or pull request are highly appreciated.