This HTML snippet contains two embedded iframes adn a link to an article on nationen.no. Let’s break it down:
1. amedia-smartembed blocks (x2):
* these are custom HTML elements likely used by Nationen (the news source) to embed interactive content. The itemscope and itemtype attributes suggest they are using schema.org vocabulary to provide structured data about the embed.
* itemprop="url": This attribute holds the URL of a fragment HTML file hosted on an AWS S3 bucket (nationenmedia.s3.eu-north-1.amazonaws.com). These fragments likely contain the core content for the embedded elements.
* iframe: Each amedia-smartembed contains an iframe. This is the key to the embedded content.
* src: The src attribute of each iframe points to another URL on the same S3 bucket, but this time to an index.html file within a specific directory (2025/JGS+andre+regjerings1/index.html and 2025/JGS+regjering_2/index.html). These index.html files likely contain the actual interactive content (e.g.,a visualization,a simulation,or a more complex web submission).
* style: The style attribute sets the iframe to take up 100% of the width and height of its container, and positions it absolutely.
* scrolling="no": Disables scrolling within the iframe.
* frameborder="1": Adds a 1-pixel border to the iframe.
* allowfullscreen and allow="encrypted-media": Allow the iframe content to potentially use fullscreen mode and play encrypted media.
* loading="lazy": Defers loading the iframe content until it’s near the viewport, improving initial page load performance.
2. a (link) element:
* This is a standard HTML link (<a> tag).
* href="https://www.nationen.no/5-148-789864": The link points to an article on the Nationen website.
* class="related-teaser has-image default-story-teaser article--c-eRUmMG article--c-eRUmMG-jKCPdD-design-default": These classes are likely used for styling and layout purposes by the Nationen website’s CSS.
* article itemscope="" itemtype="http://schema.org/NewsArticle": This indicates that the linked content is a news article, and uses schema.org to provide structured data about it.
* figure and brick-image-v5: These elements are used to display an image associated with the article.
* data-src and data-srcset: These attributes contain the URL of the image. data-srcset provides different image sizes for different screen resolutions (responsive images).
* data-alt-text: This attribute would ideally contain choice text for the image, but it’s currently empty.
* img: The actual image tag, loading the image from the URL specified in data-src.
In summary:
This code snippet displays two embedded interactive elements (likely visualizations or simulations) and a related news article teaser. The interactive elements are hosted on AWS S3 and loaded into iframes. The link points to a full article on the nationen website. The use of amedia-smartembed suggests a custom embedding solution used by Nationen.
