A tag de cabeçalho em HTML5
Neste artigo, mostrarei como usar a tag de cabeçalho em HTML5, esta é a tag usada para declarar o cabeçalho do cabeçalho de uma página da web ou artigos.
Se você olhar através de um site construído com HTML5, você se sentirá muito confuso, porque a tag de cabeçalho é colocada em muitos lugares diferentes. Mas se você entender o que isso significa, será muito fácil.
1. O que é a tag de cabeçalho em HTML5?
Em HTML5, a tag header é usada para declarar o cabeçalho ( header ) para artigos, até mesmo o topo da página da web. Não confunda a tag de header com a tag de cabeça.
A estrutura da tag de cabeçalho é a seguinte :
<header>...</header>2. É possível usar várias tags de cabeçalho em HTML5?
A resposta é absolutamente sim. Por exemplo, na página que exibe a lista de artigos, você usará a tag de artigo para declarar cada artigo, dentro de cada artigo declarará uma tag de cabeçalho adicional para cobrir o título do artigo.
<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>Você também pode usar o cabeçalho para declarar a parte superior ( contendo o logotipo e outras informações básicas ) da página 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. Escreva CSS para a tag de cabeçalho .
Se você quiser usar CSS para estilizar a tag de cabeçalho, use uma das duas maneiras abaixo.
Método 1 : CSS direto.
<header style="background:red"> ... </header>Método 2 : Use o seletor.
<style> header{ background:red } </style> <header> ... </header>Observação : se você não quiser usar a tag de cabeçalho para declarar esta seção, poderá usar a tag div.
Bài viết liên quan:
Dịch vụ thiết kế Wesbite
