Development Tip

html5 : 머리글 또는 바닥 글 태그를 두 번 사용합니까?

yourdevel 2020. 12. 1. 19:51
반응형

html5 : 머리글 또는 바닥 글 태그를 두 번 사용합니까?


간단한 질문 : 실제로 헤더 태그를 두 번 사용할 수 있습니까? 예를 들어 내 header.php에 두 개의 중요한 헤드 섹션이 있는데 둘 다 헤더 태그를 가질 수 있습니까?


예,하지만 캐치가 있습니다. W3 문서에는 태그가 가장 가까운 조상 섹션의 머리글 및 바닥 글 영역을 나타냅니다. 원하는만큼 많이 사용하는 것이 좋지만 페이지의 각 "섹션"(예 : 본문, 섹션 등)에 대해 각각 하나씩 만 사용하는 것이 좋습니다.

W3에서

헤더 요소는 일반적으로 섹션의 제목 (h1–h6 요소 또는 hgroup 요소)을 포함하도록되어 있지만 필수는 아닙니다. 헤더 요소는 섹션의 목차, 검색 양식 또는 관련 로고를 래핑하는데도 사용할 수 있습니다.

========================

footer 요소는 가장 가까운 조상 섹션 콘텐츠 또는 섹션 루트 요소에 대한 바닥 글을 나타냅니다. 바닥 글에는 일반적으로 작성자, 관련 문서 링크, 저작권 데이터 등과 같은 섹션에 대한 정보가 포함됩니다.

다음은 각각의 표준 문서에 대한 링크입니다. 머리글바닥 글


, w3c 문서 덕분에header 문서에서 여러 요소를 사용할 수 있습니다 .

헤더 요소는 일반적으로 섹션의 제목 (h1–h6 요소 또는 hgroup 요소)을 포함하도록되어 있지만 필수는 아닙니다. 헤더 요소는 섹션의 목차, 검색 양식 또는 관련 로고를 래핑하는데도 사용할 수 있습니다.

그러나 의미 상 올바른지 확인하십시오.


두 개의 헤더 태그를 사용하는 것에 대한 불이익은 없지만 그것이 의미가 있는지 확인하십시오.

즐거운 코딩 되세요!


<header>여러 기사를 쓸 수 있다면 여러 사용할 수 있습니다, 신문 등 기사의 헤더를 표시하는 데 사용됩니다 <header>.

여러 <h1>. 특별한 경우에만 의미가 있습니다.


어떤 상황에서, 그것은 추적 할 수없는 가망 넣어 두 가지이다 <header>하나의 <article>/ <section>이런, 왜하지.

 <article>

      <!-- Feature Image on the LEFT -->
      <div class="position-left">
         ...featrue image...
        <header>
        ...H1 title ...  
        </header>
      </div>

      <!-- Content on the RIGHT with subtitle, date, etc -->
      <div class="position-right">
        <header>
          ..date, sub-title, etc...
        </header>
        ...content...
        <footer>..</footer>
      </div>

    </article>

<header>문서 에 두 개의 태그를 넣을 수 있습니다 . 그러나 의미 상 올바르지 않습니다. 하나의 <header>태그를 사용하고 그 안에 다른 태그를 사용하는 것은 어떻습니까?

참고 URL : https://stackoverflow.com/questions/4837269/html5-using-header-or-footer-tag-twice

반응형