Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Wellington09

[Resolvido] HTML5

Por , em Desenvolvimento frontend

Recommended Posts

Wellington09    1

Wellington09
Postado

Tenho algumas duvidas em relação ao novo padrão HTML5

Gostaria de saber se estou fazendo algo de errado no HTML5 ?(meu codigo está logo abaixo)

Quero saber se eu posso usar duas tags h1 em uma mesma pagina ?

E se toda vez que eu for utitlizar as tags 

h1,h2,h3,h4,h5 e h6
se eu devo que colocar elas sempre dentro da tag </header>

ex:

<header> <h3>title h3</h3> </header>

<!DOCTYPE HTML>
<html>
	<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>html5</title>
        <link href="stylesheets/style.css" media="screen" rel="stylesheet" type="text/css" />
        <!--[if IE]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
	</head>

	<body>
          <header>
            <h1> <div class="logo">Minha Empresa</div> </h1>
            <nav>
              <ul>
                <li><a href="empresa.html">empresa</a>
              </ul>
            </nav>
          </header>

          <section>
            <article>
              <h1>Empresa</h1>
              <div>
                <p>descrição da minha empresa</p>
              </div>
              <figure><img alt="Empresa" src="images/empresa.png" title="Empresa" /></figure>
            </article>
            <h2>meu subtitulo</h2>
          </section>

          <footer>
            <address> endereço de minha empresa </address>
          </footer>
	</body>
</html>

Obs:

No meu css eu estou fazendo isso 

header,footer,article,section,hgroup,nav,figure{display:block;}

body 
{
	background:#F3F3F3 url(../images/background.jpg) repeat;
	color:#666;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	scrollbar-face-color:#FC0; /*IE */
	margin:auto;
	width:778px;
}

header{background:#FFF;}

header h1 .logo
{
	background:url(../images/logo.png) no-repeat 20px 5px;
	height:95px;
	width:778px;
}

section
{ 
	background:#E9E9E9;
	display:inline-block;
	height:400px;
	height:auto !important;
	min-height:400px;
	width:100%;
}

section article p
{
	margin:5px;
}

section article div
{
	float:left;
	font-size:13px;
	height:300px;
	line-height:18px;
	margin:0 20px;
	overflow:auto;
	width:400px;
}

section h1
{
	margin:15px 0;
	font-size:18px;
	margin:20px;
}

section h2
{
	clear:both;
	display:block;
	font-size:30px;
	margin:0 0 0 20px;
}

section article figure
{
	float:right;
	margin:0 0 60px 5px;
}

footer
{ 
	background-color:#bdbfc1;
	height:44px;
}

footer address
{
	float:right;
	font-style:normal;
	line-height:44px;
	margin:0 40px;
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

CarlosMarx    4

CarlosMarx
Postado

Vai encontrar muitas respostas as dúvidas básicas aqui: Clique aqui

 

E respondendo a sua pergunta:

elemento header: O elemento header representa um grupo de introdução ou elementos de navegação. O elemento header pode ser utilizado para agrupar índices de conteúdos, campos de busca ou até mesmo logos.

 

Os elementos da categoria Heading (h1, h2, h3, h4, h5, h6, hgroup) definem uma seção de cabeçalhos, que podem estar contidos em um elemento na categoria Sectioning.

 

Sectioning content: Estes elementos definem um grupo de cabeçalhos e rodapés.

* article

* aside

* nav

* section

 

Espero ter ajudado.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito