HTML5의 의미 용어

Nota: Este post esta pensado como difusión de información, no debiese ser tomado como fuente única de referencia.



2014년 10월 29일 W3C(World Wide Web Consortium)에서 HTML fue publicada hace ya 6 años(29 de octubre de 2014)를 공개했습니다.

Aparte de los Importantes cambios en las etiquetas ya existentes (como <input /> ) y la eliminación de otras (como <xmp> ), uno de los cambios mas Importante es la adición de nuevas etiquetas. Si bien varias de estas vinieron a solucionar nuestra vida como programadores, otras tienen una funcionalidad idéntica a la mítica etiqueta<div> . Estas son las etiquetas semánticas.

Las etiquetas semánticas a la implementación de los estándares de la Web Semántica, cuya finalidad es hacer el contenido de Internet readible para aplicaciones informáticas.
Uno de los usos mas Importantes de este tipo de etiquetas es la de marcar la información de la pagina para ser indexada por los buscadores web como Google.

에티켓




꼬리표
설명


<헤더>
Representa un grupo de ayudas introductorias o de navegación.También puede contener logos, formulario de búsqueda o tabla de contenidos

<탐색>
Sección de una página que enlaza a otras páginas o partes de la misma. Una sección con links de navegación.

<옆으로>
Sección de una pagina que contiene contenido relacionado tangencialmente al de su alrededor.Por lo general se utilizan como barras laterales.

<메인>
페이지의 콘테니도 우세를 나타냅니다.Una página debe tener solo un tag <main> .Solo debe estar contenida por tags de tipo <html> , <body> , <div> o <form> .

<기사>
Representa una sección de contenido que puede ser distribuido de forma independiente.Puede ser un post en un foro, un articulo de periódico, una entrada de un blog, un comentario 등.

<섹션>
una sección genérica de una pagina를 나타냅니다. Agrupa contenidos que tienen una relación temática entre si.

<바닥글>
Representa un pie de página para el elemento que lo contiene.Generalmente contiene información acerca de quién lo escribió, enlaces a documentos relacionados, datos de derechos de autor o similares.

예엠플로스



예엠플로 1


예엠플로 2


Repositorio con el código de los ejemplos:


사파르도 / html5-의미 태그


html5 시맨틱 태그 사용





HTML5의 시맨틱 태그


이 예에서는 다음 태그를 사용합니다.
<header>
<nav>
<aside>
<main>
<article>
<section>
<footer>

디스플레이 1



디스플레이 2






View on GitHub



Recuerda que esto es solo un recopilatorio de algunas de las etiquetas introducidas en HTML5 y no son necesariamente las únicas que existen

관심 링크



Estándar HTML
HTML Semantic Elements

좋은 웹페이지 즐겨찾기