AI Hiring Frenzy: Trends & Insights
- It appears to be a list of categories (or topics) from "The Verge" website, likely displayed in a sidebar or similar section. Each category has a "Follow" button...
- * div class="_6ytxv90": This div seems to be a container for each category's facts.
- In essence, this HTML code creates a dynamic list of topics that users can follow to customize their content feed on The Verge website.
Okay, I’ve analyzed the HTML snippet you provided. It appears to be a list of categories (or topics) from “The Verge” website, likely displayed in a sidebar or similar section. Each category has a “Follow” button and a link to “See All” articles within that category.
Here’s a breakdown of the key elements and what they represent:
* <li>: Each <li> element represents a single category.
* div class="_6ytxv90": This div seems to be a container for each category’s facts.
* <button aria-expanded="false" aria-haspopup="true">: This is the button that, when clicked, likely opens a popover (or similar) with more details about the category and the “Follow” option. The aria-expanded and aria-haspopup attributes indicate this behaviour.
* <span class="gnx4pm0 _4hoiss4 _1xwtict5 _1618ekm0">: This span contains the category name (e.g.,”AI”,”Column”).
* <svg ... aria-label="Follow">: This is an SVG icon representing a “Follow” action.
* <aside id="popover-...: this is the hidden popover element that appears when the category button is clicked. It contains:
* <button class="_1wu3rm3">: A close button for the popover (with an “X” SVG icon).
* <h2>: The category title (e.g., “AI”, “Column”).
* <p class="fv263x1">: A description of what happens when you follow the category (added to email digest and homepage feed).
* <button class="duet--cta--button ...">: The main “follow” button within the popover. It also includes a “+” SVG icon.
* <p class="fv263x4">: A link to “See All” articles in the category.
* <a class="fv263x5" href="...">: The “See All” link,pointing to the category’s page on The verge.
Categories Present in the Snippet:
- AI (Artificial Intelligence) –
https://www.theverge.com/ai-artificial-intelligence - column –
https://www.theverge.com/column
In essence, this HTML code creates a dynamic list of topics that users can follow to customize their content feed on The Verge website. The use of ARIA attributes suggests a focus on accessibility. the popover provides a more detailed description of the “Follow” action.