Ir para conteúdo

Arquivado

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

Recommended Posts

Olá a todos!

Estou em dúvidas com relação a nova semântica do HTML 5.

Afinal, como fica o uso das divs?

Devemos atribuir id ou class aos novos elementos header, footer, aside, article, ou colocamos esses elementos dentre de divs ou ainda, divs dentro desses elementos para formatarmos com CSS?

Abraços a todos!

Compartilhar este post


Link para o post
Compartilhar em outros sites

As <div> permanecem iguais, use-as quando necessário, pois representam blocos.

 

Com o HTML 5, o header virou <header>, o footer virou <footer>, etc.. então não precisa mais utilizar <div id="header"> entretanto, fique à vontade para utilizar <div> dentro do <footer>, etc.

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por Sapinn
      Fala galera! Tenho um site que possui alguns icones que são puxados da biblioteca flaticon , o problema é que de uma hora pra outra esses icones pararam de aparecer. No meu ambiente local funciona, mas no ambiente de produção eles não aparecem e eu recebo o seguinte erro no console: Failed to load resource: the server responded with a status of 404 () 
       
      Alguém saberia como resolver isso?
    • Por chinesedg
      Estou desenvolvendo um código para imobiliária mas não estou conseguindo fazer o pulo entre divs. Usando este código abaixo descaracteriza o layout da página pois o loop pega somente 1 <div class="events-grids"></div> e tem que ser dois sendo que no primeiro pega ids 1 2 3 e o segundo ids 456 e assim por diante. Na imagem penso vocês entenderem o que estou pedindo. Fui claro?
      Código:
      <div class="events">
              <div class="container">
              <?php
                  $conexao = bla bla bla
                      $banco = bla bla bla;
                  if (!$conexao) {
                      die("Connection failed: " . mysqli_connect_error());
                  }
                  $query = "SELECT * FROM imoveis";
                      $result = mysqli_query($conexao, $query);
                      if($result){
                          while($row = mysqli_fetch_array($result)){
                              $ref = $row["ref"];
                              .
                              .
      ?>
                  <div class="events-grids">
                      <div class="col-md-4 events-grid">
                          <div class="events-grid1 hvr-sweep-to-top">
                              <a href="imovel.php"><img src="images/6.jpg" alt=" " class="img-responsive" /></a>
                              <h4><a href="imovel.php"><?php echo "$bairro"; ?></a></h4>
                              <ul>
                                  <li><a href="imovel.php"><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span><?php echo "$cidade"; ?></a></li>
                              </ul>
                              <p>Quartos: <?php echo "$quartos"; ?> | Suites: <?php echo "$suites"; ?> | Banheiros: <?php echo "$banheiros"; ?> | Vagas: <?php echo "$vagas"; ?> | Condomínio: <?php echo "$condominio"; ?></p>
                              <h4><a href="imovel.php"><?php echo "$preco"; ?></a></h4>
                          </div>
                      </div>
                      
                  <?php
                      }
              }
              ?>
                  </div>            
              </div>
          </div>

    • Por AlphaPingo
      Olá, sou programador iniciante e tenho uma dúvida que, imagino eu, ser simples, porém não estou conseguindo achar uma solução. Seguinte: no site a seguir, preciso que "Avaliação dos Clientes" e o quadro que a segue, fiquem logo em seguida da imagem do celular (sem aquele espaço em branco entre eles). A primeira "row" possui 3 divs - a com a imagem do celular, a com o nome do modelo, preço, e avaliação com as estrelas e a div com os detalhes do produto - porém, a ultima div, ocupa o dobro do espaço vertical das demais, sendo assim, aumentando o espaço da "row" e deslocando o quadro das avaliações mais para baixo. Eu já tentei colocar a div das avaliações dentro do "row" com as 3 outras divs, porém o que acontece é apenas aumentar o tamanho da "row" de cima, mas continuar o espaço em branco que quero preencher. O que posso fazer? (peço desculpas por qualquer erro em termos técnicos). Segue abaixo as imagens de como esta / como deveria estar e as divisões das divs


    • Por Tardelli
      Pessoal, no meu blogger, algumas metas tags estão diferentes de outros sites. Olhei em vários sites grandes e estão diferentes mesmo, será que tem diferença em ambas?
      Exemplo 1:
      No meu blog, esta tag está assim: <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
       
      Em outros sites, está assim: <meta content="https://www.XXXXX.com.br/" property="og:url"/>
       
      Exemplo 2:
      No meu blog, esta tag está assim: <meta expr:content='data:blog.pageName' property='og:title'/>
       
      Em outros sites está assim: <meta content="Uol, Conteúdo com responsabilidade" property="og:title"/>
       
      Minha pergunta é: Deixo como está ou devo mudar?
    • Por Vitor Dias
      Fatal error: Multiple access type modifiers are not allowed in C:\xampp\xamp\htdocs\Trabalhodocurso\prodis.php on line 6
       
      A LINHA
      public public function_construct($dbname, $host, $user, $senha)
       Não faço ideia por que e o que é esse erro. 
×

Informação importante

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