Il tag di intestazione in HTML5
In questo articolo, ti mostrerò come utilizzare il tag di intestazione in HTML5, questo è il tag utilizzato per dichiarare l'intestazione di intestazione per una pagina Web o articoli.
Se guardi un sito web realizzato con HTML5, ti sentirai molto confuso, perché il tag dell'intestazione è posizionato in molti posti diversi. Ma se capisci cosa significa, ti sembrerà molto facile.
1. Qual è il tag di intestazione in HTML5?
In HTML5, il tag header viene utilizzato per dichiarare l'intestazione ( header ) per gli articoli, anche nella parte superiore della pagina web. Non confondere il tag di header con il tag di testa.
La struttura del tag di intestazione è la seguente :
<header>...</header>2. Posso utilizzare più tag di intestazione in HTML5?
La risposta è assolutamente sì. Ad esempio, nella pagina che mostra l'elenco degli articoli, utilizzerai il tag articolo per dichiarare ogni articolo, all'interno di ogni articolo dichiarerai un tag di intestazione aggiuntivo per coprire il titolo dell'articolo.
<article> <header> <h2>Tiêu đề 1</h2> </header> <p>Mô tả bài viết 1</p> </article> <article> <header> <h2>Tiêu đề 2</h2> </header> <p>Mô tả bài viết 2</p> </article> <article> <header> <h2>Tiêu đề 3</h2> </header> <p>Mô tả bài viết 4</p> </article>Puoi anche utilizzare l'intestazione per dichiarare la parte superiore ( contenente il logo e altre informazioni di base ) della pagina web.
<body> <header> <h1>HTML5 Cho Người Mới Bắt Đầu Tại web888.vn</h1> </header> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">Serie</a></li> <li><a href="#">Tutorial</a></li> <li><a href="#">Ebook</a></li> </ul> </nav> ... </body>3. Scrivi CSS per l'intestazione .tag
Se desideri utilizzare i CSS per definire lo stile del tag di intestazione, utilizza uno dei due modi seguenti.
Metodo 1 : CSS diretto.
<header style="background:red"> ... </header>Metodo 2 : utilizzare il selettore.
<style> header{ background:red } </style> <header> ... </header>Nota : se non si desidera utilizzare il tag di intestazione per dichiarare questa sezione, è possibile utilizzare invece il tag div.
