Belarus vs Scotland: World Cup 2026 Qualifying Live Score
This HTML snippet represents a “Share” button for a live football (soccer) blog on The guardian website. Let’s break down the key parts:
priority="feature": Indicates this is an vital element on the page.
deferuntil="visible": Means the button should only be rendered when it’s visible in the viewport (improves performance).
props="{...}": This is a JSON string containing data passed to the share button component. let’s look at the important properties:
"size":"xsmall": The button is very small.
"pageId":"football/live/2025/sep/08/belarus-v-scotland-world-cup-2026-qualifying-group-c-live": A unique identifier for the live blog page.
"blockId":"68bea02d8f08de6921c7bfed": An identifier for a specific block within the page (likely the live blog itself).
"webTitle":"Belarus v Scotland: World Cup 2026 qualifying Group C - live": The title of the live blog. This is used in the share message.
"format":{...}: Styling information for the button.
"context":"LiveBlock": Indicates this share button is associated with a live blog.
Share...: This is the actual clickable link that triggers the sharing functionality.
href="mailto:?subject=...&body=...": This is a mailto: link,which opens the user’s default email client.
subject=...: Sets the email subject to the live blog title. body=...: Sets the email body to a link to the live blog.The URL is encoded for use in a URL. It also includes tracking parameters (CMP=sharebtnurl&page=with%3Ablock-68bea02d8f08de6921c7bfed#block-68bea02d8f08de6921c7bfed).
type="button": specifies that this is a button element.
class="dcr-1mulgdf": A CSS class used for styling the button.
Share: The text displayed on the button.
: An SVG (Scalable Vector Graphic) icon representing a share symbol.
* props attribute contains information about the live blog, such as its section, tags (keywords), and whether to hide reader revenue prompts.
In summary:
This code creates a small “Share” button that,when clicked,opens the user’s email client with a pre-filled email containing a link to the live football blog. The email subject is the blog title. The code also includes tracking parameters in the URL to monitor how the blog is being shared. The surrounding code defines the live blog itself.