¿Qué semántica podemos obtener con HTML 5?

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

  •  06-07-2019
  •  | 
  •  

Pregunta

Esta es una wiki comunitaria que hace la pregunta, " ¿Cuán semántica puede ser nuestro marcado HTML gracias a HTML 5? " A continuación puede encontrar el código fuente de una página HTML 5 de muestra. El objetivo es crear una página web muy útil, accesible y con estilo utilizando la menor cantidad de clases e ID posibles.

Además, ¿cuándo planea comenzar a implementar HTML 5? ¿Va a esperar más de 10 años hasta que se finalice el borrador, o va a ser un & ", Un adoptante temprano &"; ahora que el soporte del navegador está creciendo rápidamente? 

<!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>
¿Fue útil?

Solución

No serán más de 10 años. Ese período de tiempo es para & "; Finalización final &"; Todos los navegadores admiten todas las partes de la especificación. Se espera que se convierta en candidato a fines de este año, principios del próximo, y con suerte aprobado para 2011/2.

Lo estoy introduciendo en fases donde puedo, ahora mismo. La cantidad que uso depende de la audiencia, pero dado que el uso compartido de IE ha disminuido constantemente, lo que no admiten ya no es un asesino, especialmente porque John Resig's & Quot; HTML5 shiv & Quot; permite que las etiquetas semánticas se reproduzcan incluso en IE6 con js activado.

Más importante, estoy empezando a cambiar mi pensamiento a líneas HTML5, usando clases hoy para lo que se convertirán en etiquetas HTML5 mañana (div class = " nav "). De esa manera, estaré más acostumbrado a pensar en términos HTML5 cuando surja la oportunidad.

Otros consejos

Aunque me complace ver nuevas capacidades, la verdad es que mis clientes usan IE6 (y navegadores similares). Por mucho que me gustaría ver a todos usando un navegador moderno, el hecho de que no lo sean significa que tengo que trabajar con tecnologías que no requieren su actualización.

Lo usaré tan pronto como los navegadores lo admitan. Los sitios que hago son principalmente proyectos de pasatiempos en su mayoría visitados por usuarios de Firefox. (El 80% de mi tráfico usa la última versión de FF).

Tenga en cuenta que el elemento cite no es apropiado para el nombre de una persona: HTML5 indica " El nombre de una persona no es el título de una obra & # 8212; incluso si la gente llama a esa persona un trabajo & # 8212; y, por lo tanto, el elemento no debe usarse para marcar los nombres de las personas. " Además, la barra diagonal final en <meta charset="UTF-8" /> no es necesaria.

El controlador principal para las personas que adoptan HTML 5 sería una mejor ubicación en los motores de búsqueda, sin eso, no veo una gran razón para adoptar.

(Tal vez si la gente pudiera convencerme de alguna manera de que la web podría ser más similar a los datos y, por lo tanto, la interoperabilidad mejoraría, entonces podría estar algo convencido, pero eso suena un poco demasiado optimista)

Haré eco de jonothan sampson. Mientras un número razonable de personas sigan utilizando navegadores antiguos, es difícil dar ese salto.

Por otro lado, probablemente sea sensato detectar navegadores y enviar una versión que tenga sentido. Dado que las diferencias entre los dos idiomas serán moderadas, probablemente será factible transformar una página HTML5 a HTML4 con clases y estilos adicionales dependiendo del agente de usuario, tal vez con un poco de servidor xslt. Dicho esto, dudo que sea yo quien invente esa tecnología, aunque la usaría si estuviera disponible.

La gente sigue mencionando una solución javascript para navegadores antiguos como ie6, pero ¿qué pasa si no admiten javascript?

Lo siento, no es una respuesta, sino más un ????? Como este es el punto, simplemente no entiendo sobre html5 semántico y soporte de IE.

Siempre puedes usar cinturones y aparatos ortopédicos para navegadores antiguos 

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

¿Pero eso me parece sucio?

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top