Come abbiamo già documentato all'interno dell'articolo riguardante le novità di Blazor (https://www.aspitalia.com/articoli/asp.net-core5/blazor/novita-blazor-net-6.aspx), abbiamo la possibilità di impostare il title di ogni singola pagina attraverso il tag PageTitle.
@page "/home" <PageTitle>Mio blog</PageTitle>
Tale operazione è possibile solamente se, all'interno di program.cs, abilitamo con il seguente comando, la sovrascrizione della sezione head presente nell'index.html.
builder.RootComponents.Add<HeadOutlet>("head::after");
Ricordiamo che è importante utilizzare lo pseudo-selector "::after", in quanto ricorda al runtime di non sovrascrivere nulla di quello che è già presente nell'head, aggiungendo solamente ciò che troverà all'interno di ogni pagina, se specificato, consentendo a noi di scrivere solo il minimo indispensabile, mantenendo la maggior parte dei metadati in index.html.
Oltre alla valorizzazione del titolo possiamo avere altre necessità: pensiamo ad un blog, o ad un sito strutturato, in cui sono necessarie specifiche keyword, una descrizione, l'autore del post o qualsiasi tipo di metadato. Anche in questo frangente ci viene in aiuto un tag helper: HeadContent, che possiamo inserire all'interno di ogni pagina, come mostrato nell'esempio seguente
@page "/articoli/{id}" <PageTitle>{article.Title}</PageTitle> <HeadContent> <meta name="description" content="{article.SubTitle}"> <meta name="keywords" content="{article.Keywords}"> <meta name="author" content="{article.Author}"> </HeadContent> <h1>{article.Title}</h1> <p>{article.Description}</p>
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Utilizzare HiLo per ottimizzare le insert in un database con Entity Framework
Utilizzare l'operatore GroupBy come ultima istruzione di una query LINQ in Entity Framework
Ottimizzare la latenza in Blazor 8 tramite InteractiveAuto render mode
Generare file per il download da Blazor WebAssembly
Evitare (o ridurre) il repo-jacking sulle GitHub Actions
Potenziare Azure AI Search con la ricerca vettoriale
Evitare il flickering dei componenti nel prerender di Blazor 8
Miglioramenti nell'accessibilità con Angular CDK
Verificare la provenienza di un commit tramite le GitHub Actions
Configurare dependabot per aggiornare le dipendenze di terze parti con GitHub Actions
Utilizzare i primary constructor di C# per inizializzare le proprietà
Sfruttare MQTT in cloud e in edge con Azure Event Grid
I più letti di oggi
- annunciato #netstandard 2.1. .NET Core lo supporterà a partire da #netcore3, così come le prossime versione di #xamarin, #mono e #unity.il supporto per #netfx 4.8, invece, non ci sarà. https://aspit.co/bq2
- Annunciato Silverlight 4 RC e Windows Phone Developer Tools
- Speciale Razor: il nuovo view engine di WebMatrix e ASP.NET MVC
- Speciale Windows Store app: costruire app con WinRT per Windows 8
- Gestire lo stato all'interno di un class component di ReactJS
- Inserimenti bulk su database con la classe SqlBulkCopy di ADO.NET 2.0
- disponibile su MSDN la versione RTM di #VS2013 Update 2! https://aspit.co/auj #msTechEd