A participação do zagueiro Gabriel Magalhães no amistoso entre Brasil e Egito, agendado para este sábado (6) em Cleveland, que antecede a estreia na Copa do Mundo, é incerta. O jogador do Arsenal citou cansaço físico após uma exaustiva temporada europeia, na qual participou de 51 jogos — o maior volume de sua carreira.
Durante a sessão de atividades desta quinta-feira (4), realizada no CT do Red Bull New Aqui está a tradução para o inglês:
In York, Morristown, New Jersey, Ancelotti tested Léo Pereira in place of Gabriel Magalhães, and also brought Rayan into the four-forward system.
Check out the World Cup schedule on Flashscore
Despite this, the Italian coach is inclined to feature Lucas Paquetá in midfield, forming a trio alongside Casemiro and Bruno Guimarães, as was tested in Wednesday’s (3) open training session.
This could be the team against Egypt: Alisson, Wesley, Marquinhos, Léo Pereira (Gabriel Magalhães) and Douglas Santos; Casemiro, Bruno Guimarães and Lucas Paquetá; Igor Thiago, Vini Júnior and Raphinha.
The training session was open to the press only for the initial 15 minutes, as is customary in official protocols. The Brazilian National Team will hold another training session on Friday morning (5). Soon after, in the afternoon, Ancelotti will give a press conference where he is expected to confirm the lineup.
Brazil faces Egypt this Saturday (6), at 7 PM (Brasília time), at Huntington Bank Field in Cleveland, Ohio.
Here’s a breakdown of its components and their purpose:
Main Container (
<div>): Encompasses the entire snippet, providing a structural wrapper.First Image Block (Gabriel Magalhães) (
<figure>):- This
figureelement semantically groups an image and its caption. <picture>for Responsive Images: This is a modern HTML technique for serving optimized images.- It contains multiple
<source>tags, each pointing to the same image but in different formats and resolutions:type="image/avif": For browsers supporting the AVIF format (high compression, good quality).type="image/webp": For browsers supporting the WebP format (another modern, efficient format, a common fallback for AVIF).type="image/jpeg": For browsers that don’t support AVIF or WebP (the most widely compatible format).
srcsetattributes within each<source>provide a list of image URLs at different widths (e.g., 120w, 300w, …, 1200w). This allows the browser to choose the most appropriate image resolution based on the user’s device, screen size, and pixel density, improving loading performance.sizesattribute helps the browser understand how much space the image will occupy on different screen sizes ((max-width: 1047px) 100vw, 614pxmeans it takes 100% of viewport width up to 1047px, then 614px fixed width).
- It contains multiple
<img>Tag (Fallback and Default):src: Specifies the default JPEG image to load if no<source>matches or if<picture>is not supported.alt="Os números de Gabriel Magalhães": Provides alternative text for screen readers and when the image fails to load, crucial for accessibility and SEO.title="Os números de Gabriel Magalhães": Provides a tooltip on hover.loading="lazy": Instructs the browser to defer loading of the image until it is near the viewport, improving initial page load performance.decoding="async": Suggests the image can be decoded asynchronously.fetchpriority="auto": Allows the browser to determine the fetch priority.itemprop="image": Semantic markup, likely for structured data (e.g., Schema.org).
<figcaption>(Caption):<span>Os números de Gabriel Magalhães</span>: The main caption text, describing the image content.<span>Flashscore</span>: Credits the source of the image.
- This
Article Text and Promotional Content:
<p><b><a href="...">Acompanhe Brasil x Egito com narração ao vivo no Flashscore</a></b></p>: A paragraph with a bolded link, likely an internal link to a live match narration on Flashscore. Thedata-analytics-*attributes are for tracking user interactions.<p><b>----------------------------</b></p>and<p><b>--------------------------------</b></p>: Simple horizontal separators.<p><b>Patrocinado</b></p>: Clearly labels the following content as sponsored.<p>Não fique de fora!</p>and<p>Assista a todos os jogos da Copa do Mundo ao vivo pela CazéTV no plano Premium do Disney+ a R$ 19,90/mês.</p>: Marketing text promoting Disney+ and CazéTV for World Cup streaming.<p>Oferta por tempo limitado. <b><a href="..." target="_blank">Assine já!</a></b></p>: A call to action with a bolded external link to Disney+, opening in a new tab (target="_blank").
Second Image Block (Disney+ Promotion) (
<figure>):- This block has an identical structure to the first image block, but features an image promoting the Disney+ subscription.
- The
altandtitleattributes, as well as thefigcaptiontext, reflect the promotional content: “Assine Disney+ para acompanhar ao vivo todos os jogos da Copa” (Subscribe to Disney+ to watch all World Cup games live) and “Disney+”.
In summary, this HTML snippet efficiently displays responsive images using <picture> for optimal performance and user experience across various devices and browsers, while interspersing news content with clearly marked sponsored promotional material.
