HTML5 제목이 정상적으로 작동하지 않습니다.

그래서 저는 학교 과제를위한 HTML 코드를 작성하기 시작했습니다. <section>, <article> 등과 같은 HTML5 의미를 사용하고 싶었습니다. 하지만이 태그에 배치 할 때 표제 크기에 대한 특이한 점이있었습니다 (아래 참조). 그런 다음 의미론을 다시 <div> 인 HTML로만 변경했으며 제목이 올바르게 적용되었습니다. 상황을 명확히하기 위해 몇 가지 스크린 샷을 게시하겠습니다. 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

다음 다른 사람이 t 여부를 확인하시기 바랍니다 수 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. 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 제목이 정상적으로 작동하지 않습니다.

답변

관련 문제