Scribd Logo
Unggah

Selamat datang di Scribd!

  • Resumen

    Diunggah oleh

    Diego Chero
    34 tayangan3 halaman
    El documento compara las etiquetas de XHTML, HTML4 y HTML5. Explica que XHTML usa etiquetas como <meta>, <img> y <h1> con atributos siempre entre comillas, mientras que HTML4 permite comillas o no para algunos atributos. HTML5 introduce nuevas etiquetas semánticas como <header>, <nav>, <section>, <article> y <footer> para estructurar el contenido, así como <audio>, <video>, <canvas> y otras para multimedia.

    Deskripsi Asli:

    Judul Asli

    Resumen.txt

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    TXT, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    El documento compara las etiquetas de XHTML, HTML4 y HTML5. Explica que XHTML usa etiquetas como <meta>, <img> y <h1> con atributos siempre entre comillas, mientras que HTML4 permite comillas o no para algunos atributos. HTML5 introduce nuevas etiquetas semánticas como <header>, <nav>, <section>, <article> y <footer> para estructurar el contenido, así como <audio>, <video>, <canvas> y otras para multimedia.

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai TXT, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    34 tayangan3 halaman

    Resumen

    Diunggah oleh

    Diego Chero
    El documento compara las etiquetas de XHTML, HTML4 y HTML5. Explica que XHTML usa etiquetas como <meta>, <img> y <h1> con atributos siempre entre comillas, mientras que HTML4 permite comillas o no para algunos atributos. HTML5 introduce nuevas etiquetas semánticas como <header>, <nav>, <section>, <article> y <footer> para estructurar el contenido, así como <audio>, <video>, <canvas> y otras para multimedia.

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai TXT, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 3

    XHTML: <meta></meta>, <img></img>,<h1>...

    </h1>
    Atributos siempre con comillas:<img src="..." alt="..." width="100" height="50"/
    >

    HTML4:<meta>,<img>,<h1>...</h1>,<H1>...</H1>
    Con comillas: <img src="..." alt="..."
    Sin comillas: width=100 height=50>
    HTML5:
    <!DOCTYPE html>
    <meta charset(atributo)="UTF-8"(encounding)>
    <link rel="stylesheet" href="estilos.css">
    <script src="comportamiento.js"></script>
    <header(encabezado)>{Permite marcar de forma semantica cual es el encabezado de
    un sitio} Va a contener titulos y encabezados del sitio
    <h1>Titulo</h1>
    <h1>Subtitulo</h1>
    </header>
    navigation:(Es una etiqueta para indicarle de forma de codigo donde esta la nave
    gacion del sitio)
    <nav>
    <ul>
    <li><a href="index.html">Home</a></li>
    <li><a href="servicios.html">Servicios</a></li>
    <li><a href="productos.html">Productos</a></li>
    <li><a href="contacto">Contacto</a></li>
    </ul>
    </nav>
    section:Es una etiqueta que arma una caja que permite incluir varios contenidos
    en su interior
    <section>
    <p>sta es una seccin de la pgina.</p>
    <p>Otro prrafo, dentro de la misma seccin.</p>
    </section>
    <h1>Ttulo principal</h1>
    <section>
    <h1>Ttulo de la section</h1>
    <p>sta es una seccin de la pgina.</p>
    <p>Otro prrafo, dentro de la misma seccin.</p>
    </section>
    aside:delimita un area dentro del html y va a permitir que ese contenido indicar
    que ese contenido es un contenido secundario.
    <h1>Ttulo principal</h1>
    <section>
    <h1>Ttulo de la section</h1>
    <p>sta es una seccin de la pgina.</p>
    <p>Otro prrafo, dentro de la misma seccin.</p>
    </section>
    <aside>
    <h1>Ttulo del aside</h1>
    <p>Informacin secundaria.</p>
    </aside>
    article:marcar un cierto contenido como contenido autonomo.
    <article>
    <h1>Ttulo del artculo</h1>
    <p>Contenido del artculo.</p>
    </article>
    <article>
    <header>
    <h1>Ttulo del artculo</h1>
    </header>
    <p>Contenido del artculo.</p>
    <footer>
    <p>Autor: Pedro Aznar</p>
    </footer>
    </article>
    footer:permite marcar el pie. Se trata de marcar informacion logica para el pie
    <footer>
    <p>Copyright 2014</p>
    </footer>
    time:permite marcar cuando en una web estamos hablando de una fecha horario,etc
    <p>
    El evento ser el da <time datetime="2014-09-23">23 de septiembre</time>.
    </p>
    progress:nos permite cierto proceso o progreso que esta sucediendo
    <p>
    La construccin va por el <progress value="70" max(maximo de referencia)="100">7
    0%</progress>.
    </p>
    Exceso de divs: divitis
    canvas:da la posibilidad de programar desde javascript graficos, animaciones
    <canvas id="mi_canvas" width="200" height="200"></canvas>
    audio:permite incluir sonido, hace un archivo de sonido sin necesudad de instala
    r un plugin
    <audio>
    <source src="horse.ogg" type="audio/ogg">
    <source src="horse.mp3" type="audio/mpeg">
    Contenido alternativo para navegadores viejos.
    </audio>
    <audio controls>
    <source src="horse.ogg" type="audio/ogg">
    <source src="horse.mp3" type="audio/mpeg">
    <p>Alternativo</p>
    Contenido alternativo para navegadores viejos.
    </audio>
    video:posibilidad de incluir solo una opcion de video
    <video width="320" height="240">
    <source src="movie.mp4" type="video/mp4">
    <source src="movie.ogg" type="video/ogg">
    Contenido alternativo para el navegador.
    </video>
    <video width="320" height="240" controls(controles del video)>
    <source src="movie.mp4" type="video/mp4">
    <source src="movie.ogg" type="video/ogg">
    Contenido alternativo para el navegador.
    </video>
    <video width="320" height="240" controls poster(imagen inicial del video)="image
    s/movie.gif">
    <source src="movie.mp4" type="video/mp4">
    <source src="movie.ogg" type="video/ogg">
    Contenido alternativo para el navegador.
    </video>
    Contenido alternativo:
    <audio src="/test/audio.ogg">
    <p>Tu navegador no soporta el elemento audio! No vendra mal una actualizacin ;)</p>
    </audio>

    Anda mungkin juga menyukai