Here’s a breakdown of the information contained in the provided text, which appears to be HTML data related to an image and a link:
1. Image information:
* Image Source (src): https://media.pitchfork.com/photos/697143639cfa33770e04fad3/master/w_120,c_limit/Avalon-Emerson-&-the-Charm-Written-Into-Changes.jpeg – This is the URL of the main image file.
* srcset: This attribute provides a list of different image sizes for responsive design. The browser will choose the most appropriate size based on the user’s screen size and resolution. Here’s a breakdown of the sizes:
* 120w
* 240w
* 320w
* 640w
* 960w
* 1280w
* height: 1280 – The height of the original image (in pixels).
2. Link Information:
* link URL: https://cna.st/p/22c1wduVeXVMLc973yHn8MRGvTNZ8fch8HvhDJfBYvS5REVA13BbP4AgmjmJSdzp7BGmSYShSMoUqY7SnFdNgveBYAi4eMtk2oe5TU4YT3P7Tx9FSRHn8YRYBzT5JLdAkKsx1YpLn9bXG – This is a shortened URL (likely using a service like cna.st) that redirects to a product page.
* Retailer: Rough Trade
* Product: Avalon emerson / Written Into Changes
* Link Attributes:
* tabindex="-1": Makes the link focusable via keyboard navigation but doesn’t include it in the natural tab order.
* aria-hidden="true": Hides the link from screen readers (likely as it’s visually represented by the image).
* data-offer-retailer="Rough Trade": Stores the retailer’s name for data tracking.
* data-offer-url="https://www.roughtrade.com/en-us/product/avalon-emerson/written-into-changes": The full URL of the product page on Rough Trade’s website.
* data-event-click="...": Contains a JSON object with data for tracking when the link is clicked.This includes information about the element clicked and the outgoing URL.
In summary:
this code snippet displays an image of the album “Written Into Changes” by Avalon Emerson and provides a link to purchase it from Rough Trade. The image is responsive, meaning it will adapt to different screen sizes. The link is tracked for analytics purposes.
