Como Semantic podemos obter com HTML 5?

StackOverflow https://stackoverflow.com/questions/1025126

  •  06-07-2019
  •  | 
  •  

Pergunta

Este é um wiki comunidade que faz a pergunta, "Just Como nosso HTML markup get graças semântica para HTML 5?" Abaixo, você pode encontrar o código-fonte de uma amostra página HTML 5. O objeto é fazer com que uma página web muito útil, acessível, estilo de poder usar o menor número de classes e IDs quanto possível.

Além disso, quando você pretende começar a implementar HTML 5? É você vai esperar mais de 10 anos até que o projecto estiver finalizado, ou você está indo para ser um "early adopter" agora que o suporte ao navegador está crescendo rapidamente? 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />  
        <title>Site Name &bull; Page Title</title>
    </head>
    <body>
        <nav>
            <h1><a href="/">Site Name</a></h1>
            <ul>
                <li><a href="#">Nav Link</a></li>
                <li><a href="#">Nav Link</a></li>
                <li><a href="#">Nav Link</a></li>
            </ul>
        </nav>
        <header>
            <p>Welcome to the site!</p>
            <a href="#">Call to action!</a>
        </header>
        <section>
            <aside>
                <!-- Sidebar -->
            </aside>
            <article>
                <header>
                    <h2>Article Name</h2>
                    <p>Posted by <cite>Kerrick Long</cite> on <time datetime="2009-06-21">June 21</time>.</p>
                </header>
                <p>Lorem ipsum dolor sit amet...Aliquam erat volutpat.</p>
                <figure>
                    <img src="/images/eclipse.jpg" width="640" height="480" alt="Solar Eclipse" />
                    <label>Here we can see the solar eclipse that happened <time datetime="2009-05-28">recently</time>.</label>
                </figure>
                <p>Lorem ipsum dolor...</p>
            </article>
        </section>
        <footer>
            <p>&copy; <time datetime="2009-01-01">2009</time>, <cite>Site Owner</cite></p>
        </footer>
    </body>
</html>
Foi útil?

Solução

Não será mais de 10 anos. Esse período de tempo é para "conclusão final", todos os navegadores suportam todas as partes do spec. É devido a tornar-se um candidato no final deste ano, início do próximo, e esperamos que aprovado pelo 2011/2.

Estou phasing-lo-lo em onde eu posso, no momento. Quanto uso I depende de audiência, mas desde IE participação vem caindo constantemente, o que eles não suportam já não é um assassino, especialmente de John Resig "HTML5 Shiv" permite que as tags semânticas jogar mesmo no IE6 com js ligado.

Mais importante, eu estou começando a mudar meu pensamento em HTML5 linhas, usando classes de hoje para o que será HTML5 tags de amanhã (div class = "nav"). Dessa forma, eu vou ser mais acostumados a pensar em termos de HTML5 quando a oportunidade surgir.

Outras dicas

Apesar de eu ter grande alegria em ver novas capacidades, a verdade ainda é que meus clientes usam IE6 (e navegadores similares). Por mais que eu gostaria de ver todo mundo usando um navegador moderno, o fato de que eles não são significa que tenho de trabalhar com tecnologias que não os obrigam a atualizar.

Vou usá-lo assim que os navegadores suportam. Os sites que fazem são, principalmente, projetos de hobby principalmente visitados por usuários do Firefox. (80% do meu tráfego utiliza a mais recente versão do FF).

Tenha em mente que o elemento cite não é apropriado para o nome de uma pessoa: HTML5 afirma:" o nome de uma pessoa não é o título de uma obra - mesmo que as pessoas chamam essa pessoa um pedaço de trabalho - eo elemento deve, portanto, não pode ser usado para marcar os nomes das pessoas." Além disso, a barra final em <meta charset="UTF-8" /> não é necessário.

O principal motor para as pessoas que adotam HTML 5 seria procurar um melhor posicionamento do motor, sem isso, eu não estou vendo uma enorme razão para adotar.

(Talvez se as pessoas pudessem de alguma forma me convencer de que a web pode ser mais dados semelhantes e, portanto, a interoperabilidade iria melhorar, então eu poderia ser um pouco convencido, mas que soa um pouco otimista demais)

Eu vou echo Jonothan Sampson. Enquanto um número razoável de pessoas ainda estão usando navegadores mais antigos, é difícil dar esse salto.

Por outro lado, é provavelmente sensível para detectar navegadores e enviar uma versão que faz muito sentido. Desde as diferenças entre as duas línguas será moderado, ele provavelmente será feasable para transformar uma página HTML5 para HTML4 com classe e estilos additonal dependendo do agente do usuário, talvez com um pouco de xslt lado do servidor. Dito isto, eu duvido que seria o único a inventar que a tecnologia, embora eu usá-lo se ou quando ele se torna disponível.

As pessoas continuam mencionando uma solução javascript para navegadores mais antigos, como o IE6, mas o que se eles não suportam javascript?

Infelizmente não é uma resposta, mas mais uma ????? Como este é o ponto que eu simplesmente não entendo sobre html5 semântica e apoio IE.

Você pode sempre ir cinto e suspensórios para navegadores antigos 

<nav><div id="nav"> some nav stuff</div></nav>

Mas que se sente sujo para mim?

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top