Best Apple Watch 2025: Which Model Is Right for You?
- It represents a list of categories (or topics) from "The Verge" website, likely displayed in a sidebar or footer.
- this div seems to hold the category data and the follow button.
- * _1wu3rm5: Class for the category heading (e.g., "Tech", "Verge Shopping").
Okay,I’ve analyzed the HTML snippet you provided. It represents a list of categories (or topics) from “The Verge“ website, likely displayed in a sidebar or footer. Each category has a “Follow” button adn a link to “See All” articles in that category.
Here’s a breakdown of the structure and the categories present:
Overall Structure:
* The code consists of a <li> (list item) for each category.
* Each <li> contains a <div> with the class _6ytxv90. this div seems to hold the category data and the follow button.
* Each category has a button to expand a popover with more information about following the category.
* Inside each category, there’s a button to follow the category.
* There’s a link to view all articles within that category.
Categories Present:
- Tech:
* Link: https://www.theverge.com/tech
- Verge Shopping:
* Link: https://www.theverge.com/shopping
key HTML Elements and Classes:
* _6ytxv90: Container for each category.
* _1wu3rm0: Class for the popover container.
* _1wu3rm5: Class for the category heading (e.g., “Tech”, ”Verge Shopping”).
* fv263x1: Class for the description text (e.g.,”Posts from this topic will be added…”).
* duet--cta--button: Class for the “Follow” button.
* fv263x4: Class for the “See All” link container.
* fv263x5: class for the “See All” link itself.
* aria-expanded, aria-haspopup, aria-label, aria-hidden: These are ARIA attributes used for accessibility, indicating whether the button expands a popover, if it has a popup, the label for screen readers, and whether an element is hidden.
In essence, this HTML snippet provides a way for users to personalize their experience on The Verge by following specific topics and receiving updates in their email digest and homepage feed.