Tutoriales En Linea Tutoriales En Linea
  • Tutoriales
    • Aprendizaje
    • Video Tutorial
    • Manuales
    • Hagalo usted mismo
    • Explorar todo
  • Adobe
    • After Effects
    • Dreamweaver
    • Premiere Pro CC
    • Photoshop
    • Photoshop Mix
    • Lightroom
    • Illustrator
    • Adobe Muse
    • Creative Cloud
  • Android
    • Developer Android
    • Aplicaciones
    • Android Studio
    • Android Wear
    • Desarrolladores
    • SDK Platform-Tools
    • ADB...depuración Bridge
    • Fastboot
    • Root
    • Recovery
  • Apple
    • iPhone y iPad
    • iPhone
    • iPad
    • Mac OS
    • iCloud
    • iTunes
  • Cursos
    • Actívate
    • Autoempleo
    • Idiomas
    • Curso De HTML
    • Curso de C++
    • Javascript
    • jQuery
    • Matematicas
    • Programacion
    • Python
    • Udacity
    • Diseño Web adaptativo
  • Ciberseguridad
    • Malware
    • Ransomware
    • Virus
    • Troyano
    • Dorkbot
    • Filecoders
    • keylogger
    • Spyware
    • Jackware
    • DDoS
    • HackerOne
    • Interpol
  • Criptomonedas
    • Blockchain
    • Mineria de Criptomonedas
    • Bitcoin (BTC)
    • Bitcoin Cash (BCH)
    • DASH (Dash)
    • Dogecoin (Doge)
    • Ethereum (ETH)
    • Litecoin (LTC)
    • Monero (XMR)
    • Ripple (XRP)
    • Zcash (ZEC)
    • Forex
    • Trading
  • Desarrollo Web
    • Sistema de gestion de contenidos
    • AMP
    • Datalife Engine
    • Blogger
    • WordPress
    • Joomla
    • Bootstrap
    • Plantillas
    • @font-face
    • Schema
    • Website
    • Desarrolladores
    • Lenguaje Web
  • Diseño Web
    • Web Responsive
    • Lenguaje Web
    • Datos estructurados
    • HTML
    • CSS3
    • JavaScript
    • Ajax
    • jQuery
    • PHP
  • Entretenimiento
  • Encuestas
    • GlobalTestMarket
    • Centro de opinion
    • Ipsos i-Say
    • Triaba
    • Panel opinea
    • Toluna
    • YouGov
    • ClixSense
    • ySense
    • Panel Cint
    • Beruby
  • Electricidad
  • Electronica
  • Ganar dinero comprando
    • CashbackDeals
    • Cashback
    • Por ir de compras
    • Aklamio
    • Intercambio de tráfico
    • Justificante de pagos
    • Webs estafas
  • Google
    • Google Pay
    • Adsense
    • Gmail
    • Google Apps
    • Google Chrome
    • Google Cloud Platform
    • Google Consumer Surveys
    • Google Desarrolladores
    • Google Fit
    • Google Maps
    • Google Photos
    • Google Play
    • Google Translation
    • DoubleClick
    • YouTube
    • Chromebooks
  • Marketing
    • SEM
    • SEO
    • Posicionamiento
    • Contenido
    • Publisuites
    • Space Content
    • Coobis
    • Marketing
  • Computadora u ordenador
    • Sistemas operativos
      • Windows
      • Mac OS
      • Android
      • Linux
      • Ubuntu
      • Kali Linux
      • Wifislax
    • hardware
    • Software
    • BIOS
    • Unidad de disco duro
    • Programacion
    • Dispositivos
    • Internet
  • Ofimática
    • Microsoft
    • Suite Ofimatica
    • Access
    • Word
    • Excel
    • Powerpoint
    • Outlook
    • Microsoft Publisher
  • PTC
    • No pierdas tiempo con estas web
  • Redes Sociales
    • Delicious
    • Facebook
    • Instagram
    • linkedin
    • Snapchat
    • TikTok
    • Twitter
    • Pinterest
    • Spotify
    • Vkontakte - VK
    • WhatsApp
  • Smartphone
    • Telefonos
    • Telefonia movil y telecomunicaciones
    • Desbloquear
    • Códigos NCK
    • Liberar
    • Tarjeta SIM
    • Tablet
  • Sitio Web
    • Dominios
    • Hosting
    • Servidores
    • Demo DLE
    • Documentación sobre Datalife Engine
    • Modulos DLE
    • Hack
    • Optimizacion
    • Google Adsense
    • Plantillas
  • Tips
    • Cabello
    • Consejos
    • Cremas
    • Cosmético
    • Cuerpo
    • Dieta
    • Exfoliantes
    • Entrenamiento
    • Ejercicio
    • Estilo
    • Fitness
    • Habitos
    • Hidratante
    • Look
    • Maquillaje
    • Moda
    • Piel Radiante
    • Recetas
    • Ropa
    • Rutina
    • Salud
    • Tratamientos
  • Trabajos
    • Atencion al cliente
    • Asistente virtual
    • Transcripcíon
    • Transcripcíones medica
    • Entrada de datos
    • De edicion y correccion
    • Mystery Shopping
    • Micro trabajos
    • Contabilidad
    • Tutoria y aprendizaje
    • Mas ingresos extras
  • Webmasters
    • Git
    • GitHub
    • Criptografia
    • Deep Web
    • Hacker
    • FTP
    • Indexar
    • Newsletter
    • Redes y VPN
    • Herramientas online
  • Windows
    • Skype
    • Windows
    • Windows 11
    • Windows 10
    • Windows 8
    • Windows 7
    • Puerta trasera de Windows
    • Microsoft Edge
Facebook Twitter YouTube Instagram Linkedin
  • Sobre nosotros
  • Últimos artículos
  • Herramientas SEO
  • Ver mas temas
  • Más sitios que te gustarán
Tutoriales En Linea Tutoriales En Linea
  • Secciones
    1. Android
    2. Adobe
    3. Bricolaje
    4. Bachillerato
    5. Cursos
    6. Criptomonedas
    7. Criptografia
    1. Diseño Web
    2. Encuestas
    3. Empleo
    4. Electricidad
    5. Electronica
    6. Forex
    7. Fisica
    1. Google
    2. Hardware
    3. Herramientas Ofimaticas
    4. Herramientas
    5. Internet
    6. Idiomas
    7. IPTV
    1. Lenguajes De Programacion
    2. Libros
    3. Microsoft
    4. Manuales
    5. Matematica
    6. Newsletter
    7. Optimizacion
    1. Redes Sociales
    2. Software
    3. Seguridad
    4. Telefonia
    5. WebSite
    6. Webmasters
    7. Ver todas las categorias
  • Smartphone
    Cómo rastrear fácilmente la ubicación de sus seres queridos en Android

    Cómo rastrear fácilmente la ubicación de sus seres queridos en Android

    Ciberseguridad: ¡Descubre cómo mantenerte seguro!

    Ciberseguridad: ¡Descubre cómo mantenerte seguro!

    Bing y Edge Mobile ahora tienen la nueva experiencia de vista previa, y Bing también está disponible en Skype

    Bing y Edge Mobile ahora tienen la nueva experiencia de vista previa, y Bing también está disponible en Skype

    Cómo aprovechar la tecnología para mejorar tu estilo de vida

    Cómo aprovechar la tecnología para mejorar tu estilo de vida

    Cómo los entusiastas de la tecnología están haciendo realidad sus visiones del futuro

    Cómo los entusiastas de la tecnología están haciendo realidad sus visiones del futuro

  • Tecnología
    1. Móviles
    2. Ordenadores
    3. Software
    4. Hardware
    5. Seguridad
    6. Ver todo
    Cómo rastrear fácilmente la ubicación de sus seres queridos en Android

    Cómo rastrear fácilmente la ubicación de sus seres queridos en Android

    Ciberseguridad: ¡Descubre cómo mantenerte seguro!

    Ciberseguridad: ¡Descubre cómo mantenerte seguro!

    Bing y Edge Mobile ahora tienen la nueva experiencia de vista previa, y Bing también está disponible en Skype

    Bing y Edge Mobile ahora tienen la nueva experiencia de vista previa, y Bing también está disponible en Skype

    Cómo aprovechar la tecnología para mejorar tu estilo de vida

    Cómo aprovechar la tecnología para mejorar tu estilo de vida

    Cómo ver la contraseña WiFi en su computadora u ordenador

    Cómo ver la contraseña WiFi en su computadora u ordenador

    Aumenta el rendimiento de tu PC con el overclocking

    Aumenta el rendimiento de tu PC con el overclocking

    Mantén tu PC antigua al día con Windows 11

    Mantén tu PC antigua al día con Windows 11

    Ciberseguridad: ¡Descubre cómo mantenerte seguro!

    Ciberseguridad: ¡Descubre cómo mantenerte seguro!

    DuckDuckGo lanzó su propio asistente con IA

    DuckDuckGo lanzó su propio asistente con IA

    Aumenta el rendimiento de tu PC con el overclocking

    Aumenta el rendimiento de tu PC con el overclocking

    Aprovecha al máximo el motor de búsqueda de Microsoft Bing con su bot de IA

    Aprovecha al máximo el motor de búsqueda de Microsoft Bing con su bot de IA

    Mantén tu PC antigua al día con Windows 11

    Mantén tu PC antigua al día con Windows 11

    Aumenta el rendimiento de tu PC con el overclocking

    Aumenta el rendimiento de tu PC con el overclocking

    Mantén tu PC antigua al día con Windows 11

    Mantén tu PC antigua al día con Windows 11

    ¿Por qué mi PC Lenovo se está apagando y reiniciando sola? ¿Qué está causando esto?

    ¿Por qué mi PC Lenovo se está apagando y reiniciando sola? ¿Qué está causando esto?

    Todo sobre los juegos para PlayStation 5: Lo que debes saber

    Todo sobre los juegos para PlayStation 5: Lo que debes saber

    Cómo rastrear fácilmente la ubicación de sus seres queridos en Android

    Cómo rastrear fácilmente la ubicación de sus seres queridos en Android

    Ciberseguridad: ¡Descubre cómo mantenerte seguro!

    Ciberseguridad: ¡Descubre cómo mantenerte seguro!

    Google está tomando medidas para asegurar que Android y Play Store sean más seguros

    Google está tomando medidas para asegurar que Android y Play Store sean más seguros

    TrueCrypt

    TrueCrypt

    DuckDuckGo lanzó su propio asistente con IA

    DuckDuckGo lanzó su propio asistente con IA

    Aprovecha al máximo el motor de búsqueda de Microsoft Bing con su bot de IA

    Aprovecha al máximo el motor de búsqueda de Microsoft Bing con su bot de IA

    Bing y Edge Mobile ahora tienen la nueva experiencia de vista previa, y Bing también está disponible en Skype

    Bing y Edge Mobile ahora tienen la nueva experiencia de vista previa, y Bing también está disponible en Skype

    ¡Prepárate para una experiencia de búsqueda completamente nueva! Microsoft Bing y Edge, impulsados ​​por IA, son tu mejor compañero para navegar por la web

    ¡Prepárate para una experiencia de búsqueda completamente nueva! Microsoft Bing y Edge, impulsados ​​por IA, son tu mejor compañero para navegar por la web

  • Estilo de vida
    1. Entrenamiento
    2. Maquillaje
    3. Dieta
    4. Moda
    5. Trucos y tips
    6. Ver todo
    ¿Por qué necesitas un entrenador personal?

    ¿Por qué necesitas un entrenador personal?

    Descubre los beneficios y funciones de la suplementación deportiva

    Descubre los beneficios y funciones de la suplementación deportiva

    Razones por las que los ejercicios HIIT son los más efectivos

    Razones por las que los ejercicios HIIT son los más efectivos

    Alimentos que mejorarán tu desempeño en el gimnasio

    Alimentos que mejorarán tu desempeño en el gimnasio

    Cosas a considerar al comprar mesas de maquillaje al por mayor

    Cosas a considerar al comprar mesas de maquillaje al por mayor

    Consejos efectivos para tratar las ojeras

    Consejos efectivos para tratar las ojeras

    Cuidado de la piel saludable para adolescentes

    Cuidado de la piel saludable para adolescentes

    Hinchado, brillante y quebradizo? Usted podría ser demasiado exfoliante

    Hinchado, brillante y quebradizo? Usted podría ser demasiado exfoliante

    Top 5 por las que estas realmente ansioso por el chocolate

    Top 5 por las que estas realmente ansioso por el chocolate

    Aumento de peso por retención de agua

    Aumento de peso por retención de agua

    Aprende a perder peso de manera eficiente y correcta

    Aprende a perder peso de manera eficiente y correcta

    Maneras de preparar ensaladas con aspecto atractivo

    Maneras de preparar ensaladas con aspecto atractivo

    Cómo llevar un vestido largo todo el año

    Cómo llevar un vestido largo todo el año

    Los mejores consejos de moda femenina para hacerte lucir más elegante

    Los mejores consejos de moda femenina para hacerte lucir más elegante

    Ideas para tu boda del sueño

    Ideas para tu boda del sueño

    Que hacer para que los zapatos de las mujeres sean más cómodos

    Que hacer para que los zapatos de las mujeres sean más cómodos

    Nutrición positiva. Productos que estimulan la alegria y buen humor diario

    Nutrición positiva. Productos que estimulan la alegria y buen humor diario

    Hábitos que dañan tu piel y que debes evitar

    Hábitos que dañan tu piel y que debes evitar

    Maneras de mostrar amor por ti mismo

    Maneras de mostrar amor por ti mismo

    Maneras en que el aceite de oliva puede mejorar tu belleza

    Maneras en que el aceite de oliva puede mejorar tu belleza

    Cómo aprovechar el tiempo libre para mejorar tu salud mental y física

    Cómo aprovechar el tiempo libre para mejorar tu salud mental y física

    Cómo aprovechar la tecnología para mejorar tu estilo de vida

    Cómo aprovechar la tecnología para mejorar tu estilo de vida

    Cómo peinar tu peluca frontal y pelucas de cabello humano según los expertos

    Cómo peinar tu peluca frontal y pelucas de cabello humano según los expertos

    ¿Qué es el adoquín con efecto fotocatalítico?

    ¿Qué es el adoquín con efecto fotocatalítico?

  • Marketing
    Herramienta de analisis de tus problemas de SEO

    Herramienta de analisis de tus problemas de SEO

    Herramientas SEO para posicionamiento de nuestra web 2023

    Herramientas SEO para posicionamiento de nuestra web 2023

    Herramienta online de generador de datos estructurados

    Herramienta online de generador de datos estructurados

    Reescritor de Articulos - herramienta de paráfrasis

    Reescritor de Articulos - herramienta de paráfrasis

    Analisis de backlinks: Herramienta gratuita de SEO (Backlinks Checker)

    Analisis de backlinks: Herramienta gratuita de SEO (Backlinks Checker)

  • Juegos
    Juegos - HTML5 Canvas

    Juegos - HTML5 Canvas

    Como jugar online y resolver un sudoku

    Como jugar online y resolver un sudoku

    Cómo jugar Ajedrez Online TL

    Cómo jugar Ajedrez Online TL

    Como se juega al ajedrez

    Como se juega al ajedrez

    Tetris en JavaScript – Open source

    Tetris en JavaScript – Open source

  • Herramientas

¡Bienvenido de nuevo!

Inicie sesión o Regístrate ahora

VK Facebook

o con Email

¿Has olvidado tu contraseña?
Búsqueda extendida

Escriba arriba y presione Enter para buscar.


Tutoriales En Linea » Diseño Web » Estructura de un sitio Web en HTML5

Estructura de un sitio Web en HTML5


Por Tutoriales En Linea En: Diseño Web, html5, WebSite, webmasters, Noticias, Tutorial 0

3.3К
VISTO
Facebook Twitter Pinterest LinkedIn Tumblr WhatsApp VKontakte Email
Compartir
Facebook Twitter LinkedIn Pinterest Email
Estructura de un sitio Web en HTML5Una de las principales características de HTML5 son los elementos de marcado con significado semántico. Por nombrar algunos: header, footer, main, nav o article. El significado semántico de estos elementos supone importantes ventajas. Por ejemplo, a cada uno se le asigna un role ARIA (Accessible Rich Internet Application) específico por defecto. Esto ayuda a mejorar la accesibilidad a nuestra página web para los que utilicen alguna tecnología de asistencia en la navegación como pueden ser los lectores de pantalla (screen readers).

En este tutoriales en linea voy a hacer un repaso de como debería ser la estructura de un blog en HTML5 intentando abarcar los elementos característicos de un blog estándar: navegación, post, fechas, comentarios, columna lateral, etc. Me he inspirado en el artículo de Bruce Lawson Designing a blog with HTML5, y he añadido información más actualizada. Ponte cómodo que empezamos.

El DOCTYPE


Al comienzo de un documento HTML5 es imprescindible poner la simple y sencilla línea:
<!DOCTYPE html>
No hacerlo hará que el navegador analice la página en quirks mode, una técnica utilizada por los navegadores modernos para emular a navegadores viejos y asegurar que viejas webs se vean bien. ¿Imaginas una web moderna en HTML5 analizada como si fuese una web antigua? Estás avisado. No te olvides nunca de poner el <!DOCTYPE html>.

El home o índice del blog


La inmensa mayoría de blogs siguen una estructura similar: una cabecera, un área para el contenido, uno o varios elementos de navegación, un área de contenido accesorio y un pie. Esta estructura en HTML5 se representaría con los elementos header (cabecera), main (para el contenido principal), nav (para la navegación), aside (para el contenido accesorio) y footer (para el pie). Dentro del elemento main se utilizan elementos article para cada entrada del blog. La estructura «universal» del home o índice de posts de un blog sería:
Sitio Web en HTML5 – Home, Inicio.
En un mismo documento puede haber múltiples elementos de cada tipo, excepto del elemento main que sólo debería haber uno. Al elemento main, si no especifica otra cosa, se le otorga el ARIA role="main" e identifica el contenido principal de la página para que los screen readers pueden encontrarlo fácilmente.


Los elementos footer y header pueden repetirse pero siempre como elementos hijos de secciones diferentes. No tiene sentido, por ejemplo, que un article tenga dos header, ¿no?. Respecto al elemento nav, puedes ponerlo en diferentes sitios. De hecho, según las especificaciones HTML5, un documento puede contener varios nav. Lo más común es que se sitúe un nav «principal» dentro del header o en el aside. La navegación entre las páginas del blog también sería un elemento nav.

El HTML podría sería:

<!DOCTYPE html>
<html lang="es-ES">
<head>
    <meta charset="UTF-8">
    <title>Mi Sitio Web en HTML5</title>
</head>
<body>
    <header>
        <h1>Mi Sitio Web en HTML5</h1>    
        (<nav></nav>)
    </header>
    (<nav></nav)
    <main>
        <article>
            <header>
                <h2>Título de mi segundo post</h2>
                <time datetime="2019-10-05">Hace 3 días</time>
            </header>
            <p>Un post</p>
            <footer>...</footer>
        </article>
        <article>
            <header>
                <h2>Título de mi primer post</h2>
                <time datetime="2019-10-01">Hace 1 semana</time>
            </header>
            <p>Un post...</p>
            <footer>...</footer>
        </article>
        <nav>(Paginación)</nav>
    </main>
    <aside>
        (<nav></nav>)
    </aside>
    </footer>
    </footer>
</body>
</html>

Estructura de un post en HTML5


Las especificaciones HTML5 para el elemento article dice (traducido):
El elemento article representa una composición completa o auto-contenida en un documento, página, aplicación o sitio que es, en principio, independientemente distribuible o reusable, por ejemplo en sindicación. Esto podría ser un post de un foro, un artículo de un periódico o revista, una entrada de un blog, un comentario enviado por los usuarios, un widget o gadget interactivo o cualquier otro elemento de contenido independiente. Cada article debería estar identificado con un heading (elemento h1-h6) anidado dentro del elemento article.
...dev.w3.org/html5/spec/Overview.html#the-article-element
Así pues, el elemento article es el mejor para marcar un post y la estructura semántica en HTML5 sería:
Sitio Web en HTML5 – post
Creo que la imagen superior, aunque fea ;), se explica bastante bien por sí sola. Dentro de un article, tenemos un header dónde poner el título e información sobre el autor, la categoría y la fecha de publicación. La fecha la pondremos en un elemento time (un poco más adelante veremos los detalles).

El footer dentro del article podemos utilizarlo para poner información relacionada como pueden ser las etiquetas, enlaces a posts relacionados, enlaces para compartir, etc:
Un footer típicamente contiene información sobre su sección como quién lo escribió, enlaces a documentos relacionados, información de copyright y similar.
...dev.w3.org/html5/spec/Overview.html#the-footer-element
Si optas por poner los típicos enlaces de post anterior/siguiente, un elemento nav sería lo suyo. Esta estructura, por supuesto, no es cerrada ni fija y está sujeta a interpretaciones; siempre que se cumpla con las descripciones de cada elemento HTML5 lo estaremos haciendo bien. Por ejemplo, la información del autor puede estar en el footer pero también es correcto ponerlo en el header.

Comentarios


Los comentarios enviados por los usuarios, siguiendo estrictamente las especificaciones HTML5, pueden representarse mediante elementos article anidados en el article principal ya que son piezas de contenido relacionadas entre sí:
Cuándo se anidan elementos article, los elementos article interiores representan elementos que están en principio relacionados con el contenido del article externo. Por ejemplo, una entrada de un blog en un sitio que acepta comentarios enviados por los usuarios podría representar los comentarios como elementos article anidados en el elemento article que contiene la entrada del blog.
...dev.w3.org/html5/spec/Overview.html#the-article-element
En definitiva, el post de un blog o sitio web podría tener esta pinta en HTML5:
<article>
    <header>
        <h1>Un post de mi blog</h1>
        <time datetime="2014-10-05">Hace tres días</time>
    </header>
    <p>El contenido de mi post.</p>
    <section>
        <h2>Comentarios</h2>
        <article>
            <header>
                <p>Paco Fernández dijo:</p>
                <p><time datetime="2019-10-10">Hace 15 minutos</time></p>
            </header>
            <p>Gracias por este magnítico post!</p>
        </article>
        <article>
            <header>
                <p>Araceli dijo:</p>
                <p><time datetime="2019-10-08">Hace 2 días</time></p>
            </header>
            <p>A la porra, vaya tostón!</p>
        </article>
    </section>
</article>
Nota: en el código de ejemplo anterior el autor y fecha de los comentarios se ponen en un elemento header. Esta información podría ponerse en el footer siendo igualmente apropiado. Elegir uno u otro es, actualmente, una cuestión puramente de preferencia.
Y ya que estamos con los comentarios, en el formulario de envío deberías utilizar las herramientas de validación que ofrece HTML5. ¿no te parece?

El elemento time


El elemento time se utiliza para poner la fecha de publicación de los posts, de los comentarios o cualquier otra información de fecha y hora. Se puede utilizar el formato que queramos. Por ejemplo:
<time>Hace 1 año, dos días y 6 minutos</time>
<time>8 de Abril de 1826</time>
<time>2019-01-03 14:36</time>
Sin embargo, para que las máquinas lo entiendan bien, se debe poner la fecha y hora según el formato definido en el estándar ISO 8601 (YYYY-MM-DDThh:mm:ssTZD). Si no quieres perder el control sobre la forma en la que mostrar la fecha pero quieres que las máquinas lo sigan entendiendo, deberás utilizar la fecha ISO 8601 en el atributo datatime. Por ejemplo, las siguientes fechas serían leídas correctamente por las máquinas:
Para mayor información los datos estructurados de schema
<time datetime="2024-07-13 09:00">El 13 de Julio de 2024 a las 9:00 UTC</time>
<time datetime="2024-07-13 09:00">Dentro de unos años</time>
<time datetime="2024-07-13 09:00">13 - Julio - 2019, 9 en punto</time>
Creo que con esto he abarcado los elementos más importantes de un Blog o sitio web en HTML5. Ahora tendré que practicar con el ejemplo e implementarlo en mi sitio web.
Compartir Facebook Twitter Pinterest Tumblr WhatsApp VKontakte
Síguenos en Síguenos en Google News
Articulo anterior Como y por qué utilizarlo sie...
Articulo siguiente El elemento header
¿Te gusto la informacion?

Si te gustó la publicación, apóyanos compartiendo en tus redes sociales o dejanos tu comentario.

  • 100
  • 1
  • 2
  • 3
  • 4
  • 5
Tutoriales En Linea
Tutoriales En Linea
  • Website
  • Facebook
  • Twitter
  • LinkedIn
  • Pinterest
  • Instagram

Sobre mi: CEO de Tutoriales En Linea:
https://tutorialesenlinea.es
Fundador y CEO deTutoriales En Linea...Leer mas...

Post Relacionados

Introducción a geolocalización API de JavaScript

Introducción a geolocalización API de JavaScript

Como y por qué utilizarlo siempre el Meta Charset

Como y por qué utilizarlo siempre el Meta Charset

El elemento header

El elemento header

Cómo y cuándo utilizar el atributo title

Cómo y cuándo utilizar el atributo title

no-cache y ETags, la mejor caché de navegador para HTML

no-cache y ETags, la mejor caché de navegador para HTML

Cómo citar en HTML: blockquote, q y cite

Cómo citar en HTML: blockquote, q y cite


Comentarios



Información
Usuarios que no esten registrados no pueden dejar comentarios, te invitamos a que te registre!

Destacados

Cómo ver la contraseña WiFi en su computadora u ordenador

Cómo ver la contraseña WiFi en su computadora u ordenador

20-Marzo
Cómo los entusiastas de la tecnología están haciendo realidad sus visiones del futuro

Cómo los entusiastas de la tecnología están haciendo realidad sus visiones del futuro

12-Marzo
Descubre los mejores juegos de VR: una guía de los jugadores de realidad virtual

Descubre los mejores juegos de VR: una guía de los jugadores de realidad virtual

11-Marzo
¿Cómo encontrar el mejor servicio de desarrollo web?

¿Cómo encontrar el mejor servicio de desarrollo web?

11-Marzo

Últimas publicaciones

Cómo ver la contraseña WiFi en su computadora u ordenador

Cómo ver la contraseña WiFi en su computadora u ordenador

Por Tutoriales En Linea 20-03-23
¿Quieres saber cómo entrar a Mikrotik?

¿Quieres saber cómo entrar a Mikrotik?

Por Tutoriales En Linea 20-03-23
Cómo rastrear fácilmente la ubicación de sus seres queridos en Android

Cómo rastrear fácilmente la ubicación de sus seres queridos en Android

Por Tutoriales En Linea 20-03-23

Etiquetas

WebTutoriales En LineaWebsiteArticulosNoticiasPostHTMLHTML5EstructuraarticlemainfooterdatatimeasidenavNavegacion





Sobre nosotros

Tutoriales En Linea

¡Bienvenidos a Tutoriales En Línea, el sitio web perfecto para encontrar todas las herramientas necesarias para mejorar tus habilidades de forma gratuita! En Tutoriales En Linea se encuentran tutoriales, cursos online y aprendizaje de calidad, muy útiles para desarrollar tus capacidades... Leer mas...

Tiene una pregunta? Contactar...

Enlaces

  • Sobre nosotros
  • Ultimos tutoriales
  • Publicar tutorial
  • Ver mas temas
  • Ultimos comentarios
  • ¿Preguntas Frecuentes?
  • Derechos de autor
  • Politica de cookies
  • DMCA
  • Nuestro equipo
  • Normas

Herramientas online

  • Buscador de recetas
  • Prueba de diseño web
  • Codificar en binarios, hexadecimales...
  • Cual es mi IP
  • Test de velocidad
  • Editor HTML
  • Test de escritura
  • Test de nutricion
  • Descargar Videos
  • Generador de datos estructurados

Recursos

  • Analisis de tus problemas de SEO
  • Herramientas SEO
  • Generar palabras claves
  • Referencia de CSS3
  • Convertir HTML a XML
  • Acortador de URL
  • Selector de colores
  • Contador de palabras
  • Comprimir imagenes
  • Conversor a URI de datos
  • Suscribirse
Disponible en Google Play - Google Play y el logotipo de Google Play son marcas comerciales de Google LLC.
Facebook Twitter Instagram Pinterest Linkedin Youtube
  • Anunciarse
  • Socios externos
  • Política de privacidad
  • Términos y Condiciones
  • Sobre nosotros
  • Contactar
© Tutoriales En Linea. Reservados todos los derechos, queda prohibida la reproducción parcial o total sin previa autorización.