Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Tarea 1.2.2 Prog Web

    Cargado por

    Sofia Diaz Torres
    16 vistas4 páginas

    Título original

    Tarea 1.2.2 prog web

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    16 vistas4 páginas

    Tarea 1.2.2 Prog Web

    Cargado por

    Sofia Diaz Torres

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 4

    Universidad Autónoma

    de Nuevo León
    Facultad de Ingeniería Mecánica Y Eléctrica

    Carrera: ITS
    Materia: Laboratorio de Programación web
    Maestro: Ing. Luis Daniel Lepe Rodríguez
    Actividad: 1.2.2 Tarea 2. Síntesis sobre el HTML Semántico
    Síntesis sobre el HTML Semántico.
    "HTML semántico" es un método para usar los elementos que mejor se adaptan a
    lo que significa y hace su contenido. Pero, ¿cómo escribir un mejor marcado si no
    conoces tus opciones?
    Únase al viaje de aprendizaje para llenar su kit de herramientas HTML semántico
    con los elementos más geniales que nunca supo que existían. Aprenda elementos
    específicos para usar en diferentes escenarios y cómo ejercer todo el poder de la
    especificación HTML.
    Las tecnologías web fundamentales son increíblemente poderosas.
     HTML comunica la estructura y el significado de nuestro sitio web, o lo que
    es.
     CSS maneja la presentación, o cómo debería verse.
     JavaScript agrega comportamiento, o lo que hace el sitio web.
    <principal>
    Advertencia: Incoherente en Internet Explorer.
    -Contenido principal de esta página, lo que es único.
    -¡Solo uno por página!.
    -Viene con el rol de hito de ARIA (excepto en IE)main.
    <artículo>
    -Contenido independiente, reutilizable y completo (prueba de fuente RSS de
    HTML5 Doctor).
    -Debe tener un encabezado para identificar.
    -Se puede anidar para mostrar contenido relacionado.
    <sección>
    -Contenido lógico.
    -Por lo general, tienen un encabezado para identificar.
    -Si no puedes pensar en un encabezado, probablemente no sea una <sección>
    (no arbitraria).
    <pie de página>
    -Contenido informativo para su elemento primario.
    -A menudo tiene un rol de referencia "contentinfo" si es de nivel superior en
    <body> (excepto en VoiceOver).
    elementos utilizados para proporcionar controles interactivos y entradas para los
    usuarios. Mejore la accesibilidad y la experiencia móvil, especialmente con una
    validación de entrada más compleja.
    -Vista previa en paralelo
    Veamos una página de ejemplo que tiene un formulario con varias secciones,
    implementado principalmente con elementos <div> e implementado con HTML
    semántico.
    <seleccionar> + <opción>
    Una entrada con un menú de opciones, también conocido como un menú
    desplegable.
    <opción> puede proporcionar un atributo de valor o usar texto dentro.
    <optgroup>
    Una entrada con un menú de opciones agrupadas. Muestra etiquetas en la parte
    superior de cada grupo Impide que se seleccionen etiquetas.
    <figura> + <figcaption>
    Unidad autónoma de contenido a la que hace referencia el contenido principal
    Puede contener ilustraciones, diagramas, vídeo, audio, etc. Debe tener un
    <figcaption>, idealmente antes del contenido.
    <vídeo>
    Reproductor de video integrado: ¡no se necesita JavaScript! Muestra los controles
    a los usuarios de manera familiar y coherente con la plataforma. Puede incluir
    múltiples fuentes para diferentes tipos de video. Debe incluir subtítulos/subtítulos
    con <pista>
    <vídeo>
    -Tipografía
    <a>: un anclaje, o enlace, a otra página o ubicación
    <br>: un salto de línea
    <p>: un párrafo de texto, generalmente separado por una línea en blanco
    Reflexión:
    Esta lectura minuciosa, aprendí que el HTML semántico es para utilizar los
    elementos que mejor se adapten en mi caso si desconocía algunos de estos que
    en si te facilitan programar algunas cosas en tu página, entre que, si los conocía,
    ya que es lo básico de HTML, lo que me dejo alfo fascinada es que tú puedas
    crear un menú desplegable para mi es una herramienta muy útil y más cómoda
    para el usuario y mas para una pagina de ventas que estoy trabajando con mi
    equipo.

    También podría gustarte