¿Puedo escribir un buen sitio web que funcione en HTML5 sin usar un solo elemento ?

Tomé un curso de diseño web hace un par de años. Había tomado un curso de arquitectura web el semestre anterior, pero no sentía que realmente hubiera dominado el proceso de construcción de un sitio. Y además, estaba siendo enseñado por impresionantes estudiantes universitarios de Berkeley con increíbles experiencias de pasantías y brillantes títulos en informática. En una palabra, sabía que este curso iba a ser increíble.

Probablemente solo pueda imaginar mi sorpresa cuando abrí la primera o segunda tarea y vi un documento lleno de etiquetas . Había párrafos de texto, pero no una etiqueta

a la vista. Había un encabezado, pero no utilizaron

. En cambio, tuvimos que diseñar todo para que se pareciera a los elementos HTML predeterminados.

Puede ser un eufemismo decir que estaba horrorizado. Toda mi formación previa en ese curso de arquitectura web me había enseñado que el HTML está destinado a ser semántico . Escribes tu HTML para humanos, no para máquinas; Cuando alguien mira el documento, debe poder entender cuál es la estructura del documento con solo las etiquetas.

El documento está, naturalmente, marcado.

Entonces sí. Puede escribir una página sin divs, y la mayoría de los navegadores modernos la representarán correctamente. Sin embargo, cuando alguien tiene que entrar y modificar su código, puede sentirse muy frustrado porque no puede tener una idea de cómo se representa el documento. Las personas que usan lectores de pantalla seguramente también se encontrarán con problemas. Y finalmente, harás que los nerds pedantes como yo estén muy tristes cuando vea tu código.

NOTA: Definitivamente estoy hablando más sobre aplicaciones y páginas complejas; por supuesto, podríamos hablar de una simple página de “Hola mundo” sin etiquetas además de HTML y cuerpo, pero ese caso es trivial.

Desarrollo webDiseñoHojas de estilo en cascadaHTMLHTML5web

a

Define encabezados HTML

Define información sobre el documento

Define un encabezado para un documento o sección

Define un cambio temático en el contenido

Define la raíz de un documento HTML

Define una parte del texto en una voz o estado de ánimo alternativo

Define un marco en línea

Define una imagen

Define un control de entrada

Define un texto que se ha insertado en un documento

Define la entrada del teclado

Define un campo generador de pares de claves (para formularios)

Define una etiqueta para un elemento

Define un título para un elemento

Define un elemento de la lista

Define la relación entre un documento y un recurso externo (más utilizado para vincular a hojas de estilo)

Especifica el contenido principal de un documento

Define un mapa de imagen del lado del cliente

Define texto marcado / resaltado

Define una lista / menú de comandos

Define un comando / elemento de menú que el usuario puede invocar desde un menú emergente

Define metadatos sobre un documento HTML

Define una medición escalar dentro de un rango conocido (un medidor)

Define un objeto incrustado

CONTRÁDEME A TRAVÉS DE FIVERR

Michael Amaral

Sí tu puedes. Puede usar span todas partes para la estructura si lo desea y hacer que se vean como bloques usando CSS. O puede que desee utilizar en exceso los nuevos elementos semánticos HTML5 en sus proyectos. Pero eso no es recomendable.

Pero, ¿qué pasa con no usar div s?

Si crees que no son geniales, déjame decirte; un

es útil cuando ninguno de los otros elementos se ajusta a su necesidad.

O, en caso de que se obligue a usar una section todas partes en lugar de un div , tenga en cuenta que necesita al menos un elemento de encabezado para que sea una sección válida . Básicamente está destinado a la agrupación temática del contenido.

Mi consejo para ti es; no dudes en usar < div> s, a veces son salvadores. Confía en mí, todavía puedes usarlos como elementos estructurales (por ejemplo, columnas de cuadrícula , contenedores / envoltorios flexibles , etc.). No los odie, conozca su uso y abrácelos.

¡Aclamaciones!

Viresh Khandelwal

Sí , puede hacerlo, pero no pienso en ninguna razón por la que deba hacerlo, aparte del mito de que las etiquetas div hacen que el sitio sea pesado.

En realidad, todo se reduce al hecho de qué tan eficientemente diseñas el sitio web. Por ejemplo; google emplea casi todo en div s e iframe s, aún así el rendimiento del rendimiento de la red es increíblemente bueno.

Las etiquetas div se pueden reemplazar por etiquetas similares apropiadas como iframe o span . Sin embargo, tendrá que encontrar formas de eludir completamente una etiqueta que se usa principalmente.

Viresh Khandelwal

página web básica

Página web básica

Esta es una página web básica sin etiquetas div

Lo anterior es (increíblemente simple) una página web html válida que no utiliza ninguna etiqueta div.

Como han dicho otros, puede diseñarlo con tramos, identificadores en otros elementos y tablas en lugar de usar div, pero ¿por qué querría hacerlo?

Se debe usar Div, la idea es que separe todo su contenido en bloques divisorios, que luego se pueden colocar de cualquier manera cambiando la hoja de estilo para adaptarla.

Esto le permite escribir su sitio web una vez y reestructurarlo para nuevas máscaras, diferentes resoluciones e incluso para que responda completamente a los cambios dinámicos y la navegación móvil.

Si no utiliza un método estándar que esté bien soportado, le costará más tarde, en compatibilidad, facilidad de uso y tiempo de mantenimiento.

Rahul

Sí. Podrías / deberías usar los nuevos elementos semánticos HTML5 como , ,

En realidad, el. El elemento

se introdujo como un elemento estándar HTML3.2 (Wilbur) en 1996, hace 21 años. Tal vez es hora de dejarlo descansar.

Lista de elementos semánticos HTML5

También puedes hacer esto:

…

Css

span.div {display: block;}

Rahul

Sí, definitivamente puedes .