<header> против <head> - PullRequest
Новая
       3

<header> против <head>

22 голосов
/ 08 августа 2010

В этом уроке: http://railstutorial.org/chapters/filling-in-the-layout#top

Есть "заголовок"

Я знаю, что в HTML есть "голова"

Но что такое <header>?

Спасибо.

Ответы [ 5 ]

30 голосов
/ 08 августа 2010

<header> - это один из нескольких новых тегов в HTML5 , которые должны заменить <div> в некоторых конкретных ситуациях. В частности, часть «заголовка» вашей страницы - как бы то ни было, обычно та часть, которая будет заключена в <div class="header"> - в HTML5 вместо нее следует использовать <header>.

Глава 3 «Погружение в HTML5» Марка Пилигрима отлично разбирается, когда и зачем использовать новый элемент <header>.

9 голосов
/ 08 августа 2010

<header> - это семантический тег, добавленный в HTML5.Это эквивалент HTML5 использования <div class="header"> для элемента заголовка на вашей странице.

5 голосов
/ 08 февраля 2015

<header> взято из HTML5 и должно содержать верхнюю / навигационную часть вашей веб-страницы в <body>. Как топ логотип, меню, слоган и другие вещи заголовка.

3 голосов
/ 09 апреля 2018

<head> Определяет информацию о статье, такую ​​как метаданные, заголовок, ссылки и сценарии.Он не имеет визуального оформления.

<header> определяет заголовок для документа или раздела.Это добавлено в HTML5.Он имеет визуальный вид, будет полезно показать логотип заголовка, меню и другие детали заголовка.Это нужно определить внутри тела. 

<!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>&copy; 2018 Ganesamoorthi M</p>
    </footer>
  </body>
</html>
0 голосов
/ 08 августа 2010

Элемент header не существует в текущей html-спецификации, поэтому он игнорируется (но, конечно, может быть стилизован с использованием css).Он является частью текущего проекта для следующей версии HTML 5.

Он не связан с элементом head, который содержит информационную страницу страницы, но не имеет структуры.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...