template - html tags
<header> vs.<head> (5)
El elemento "encabezado" no existe en la especificación html actual, por lo que se ignora (pero se puede diseñar usando css, por supuesto). Es parte del borrador actual de la próxima versión HTML 5.
No está relacionado con el elemento "cabeza" que contiene la página de información de la página pero no la estructura.
En este tutorial: http://railstutorial.org/chapters/filling-in-the-layout#top
Hay un "encabezado"
Sé que en HTML hay "cabeza"
Pero, ¿qué es <header> ?
Gracias.
<header> es una etiqueta semántica agregada en HTML5. Es el equivalente de HTML5 de usar <div class="header"> para un elemento de encabezado en su página.
<header> es de HTML5 y está destinado a contener la parte superior / navegación de su página web en <body> . Como logotipo superior, menú, eslogan y otras cosas de título.
<header> es una de varias etiquetas nuevas en HTML5 que se supone que reemplazan a <div> para algunas situaciones específicas. En particular, la parte de "encabezado" de su página, sea lo que sea, generalmente la parte que se incluiría en <div class="header"> - en HTML5, debe usar <header> lugar.
El Capítulo 3 de Dive into HTML5 por Mark Pilgrim hace un excelente trabajo al analizar los detalles de cuándo y por qué usar el nuevo elemento <header> .
<head> Define la información sobre el artículo, como metadatos, títulos, enlaces y scripts. No tiene una apariencia visual.
<header> se define un encabezado para un documento o una sección. Se añade en HTML5. Tiene una apariencia visual, será útil para mostrar el logotipo del encabezado, el menú y otros detalles del encabezado. Necesita definirse dentro del cuerpo.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ganesamoorthi M</title>
<meta name="author" content="Ganesamoorthi M">
<meta name="description" content="Head vs Header">
<meta name="keywords" content="HTML,CSS,Head,Header">
</head>
<body>
<header>
<h1>Ganesamoorthi M - Software Developer</h1>
</header>
<section>
<p>Head vs Header</p>
</section>
<footer>
<p>© 2018 Ganesamoorthi M</p>
</footer>
</body>
</html>