Заголовки HTML5 не действуют так, как должны

Итак, я начал писать HTML-код для школьного задания. Я хотел использовать семантику HTML5, такую как <section>, <article> и так далее. Но я столкнулся с чем-то необычным в отношении размеров заголовков при размещении в этих тегах (см. Ниже). Затем я продолжил менять семантику только на HTML, который был только <div>, и заголовки работали нормально. Я опубликую несколько снимков экрана, чтобы помочь прояснить ситуацию.Заголовки HTML5 не действуют так, как должны

Сначала код с <div> только теги

<!DOCTYPE html> 
<html> 
<head> 
    <title> 
     Curriculum Vitae 
    </title> 
</head> 
<body> 
<div> 
    <h1>Curriculum Vitae</h1> 
</div> 
<div> 
    <h2>Personal Information</h2> 
    <ul> 
     <ol><strong>Name: </strong>Haroon Rasheed Ramay</ol> 
    </ul> 
</div> 
</body> 
</html>

The heading sizes appear to work properly within in the div tags

Следующая является код с помощью HTML5 семантику

<!DOCTYPE html> 
<html> 
<header> 
    <title> 
     Curriculum Vitae 
    </title> 
</header> 
<body> 
<article> 
    <section> 
     <h1>Curriculum Vitae</h1> 
    </section> 
    <section> 
     <h2>Personal Information</h2> 
     <ul> 
      <ol><strong>Name: </strong>Haroon Rasheed Ramay</ol> 
     </ul> 
    </section> 
</article> 
</body> 
</html>

Note here in this picture I have used the same heading tags for Curriculum Vitae and Personal Information but the heading sizes seemed to have switched?!

Может кто-то пожалуйста, проверить, является ли т он кажется проблемой только со мной или я использую семантические теги HTML5 совершенно неправильно, что вызывает своеобразное поведение заголовков?

P.S. Любые ссылки на HTML-документы или руководства были бы удивительными (в настоящее время я учусь курс онлайн на Udacity & w33schools и в школе как предмет)

источник

2016-10-19 Haroon Ramay

Вы путаете head и header тегов. Они очень разные.

Каждая HTML-страница должна иметь тег head (хотя браузеры обычно вставляют один, если он отсутствует).

Тег header используется как заголовок для содержания страницы, как заголовок или что-то подобное. Он не является обязательным и будет внутри тег body; потенциально до article или какого-либо другого «основного тега контента».

источник

2016-10-19 18:13:02 Carcigenicate

Спасибо за разъяснение на

и не понял, что я это делал. Однако он по-прежнему не изменяет своеобразное поведение тега заголовка так, как должно. –

@HaroonRamay Я посмотрю на него снова после работы. – Carcigenicate

@HaroonRamay взгляните на этот ответ, похоже, это настройка браузера в собственном стиле http://stackoverflow.com/a/22898717/3711733 – mguida

Заголовки HTML5 не действуют так, как должны

ответ

Смежные вопросы