html 헤더 태그와 바닥글 태그의 차이점에 대한 2점 요약(요소 차이점 예시 포함)-HTML 튜토리얼-php.cn

这是PHP中文网介绍的页头

文章的标题

作者

网友的评论

집

웹 프론트엔드

HTML 튜토리얼

html 헤더 태그와 바닥글 태그의 차이점에 대한 2점 요약(요소 차이점 예시 포함)

寻∝梦

Aug 30, 2018 pm 05:17 PM

header html

이 글에서는 주로 HTML 헤더 태그와 바닥글 태그의 두 가지 차이점에 대해 설명합니다. 다음으로 HTML 헤더 태그와 바닥글 태그에 대한 이 글을 살펴보겠습니다.

태그와
태그 사이:

태그는 문서의 헤더 또는 문서의 일부를 정의합니다.

요소는 소개 콘텐츠 또는 탐색 링크 모음의 컨테이너 역할을 해야 합니다. 문서에는 여러 개의

요소가 정의될 수 있습니다.

참고:

태그는

일반적으로 이 요소에는 문서 작성자의 이름, 문서의 저작권 정보, 사용 약관 링크, 연락처 정보 등이 포함됩니다.

문서에서는 여러 개의

<article>
  <header>
    <h1 id="这是PHP中文网介绍的页头">这是PHP中文网介绍的页头</h1>
    <p><time pubdate datetime="2011-03-15"></time></p>
  </header>
  <p>Windows Internet Explorer 9 (abbreviated as IE9) 这里是PHP中文网</p>
</article>
<footer>
  <p>这里是PHP中文网中的页脚footer的用法</p>
  <p><time pubdate datetime="2012-03-01"></time></p>
</footer>

로그인 후 복사

렌더링은 다음과 같습니다.

html 헤더 태그와 바닥글 태그의 차이점에 대한 2점 요약(요소 차이점 예시 포함)

2. 이제 머리글 태그와 바닥글 태그의 차이점에 대한 다른 측면을 살펴보겠습니다.

머리글 요소:

는 다음 중 하나를 나타냅니다. 가장 가까운 상위 요소 그룹 소개 콘텐츠입니다. 헤더의 상위 요소는 섹션 요소(artic, section, side 등)이거나 루트 요소(body 요소)일 수 있습니다. 헤더 요소의 가장 가까운 상위 요소가 body 요소인 경우 헤더 요소는 전체 HTML 페이지에 대한 교육 내용 집합을 나타냅니다. HTML 문서에 새로운 콘텐츠 영역이 있는 경우 콘텐츠의 필요에 따라 헤더 요소를 추가하면 문서의 의미가 향상됩니다.

바닥글 요소:

는 가장 가까운 상위 요소의 보충 설명 내용을 나타냅니다. 바닥글의 상위 요소는 섹션 요소일 수도 있고 루트 요소일 수도 있습니다.

바닥글 요소의 콘텐츠는 일반적으로 현재 지역 콘텐츠의 관련 링크, 저작권 정보 등 현재 지역 콘텐츠와 관련됩니다.

footer 요소의 가장 가까운 상위 요소가 body 요소인 경우 footer 요소는 전체 HTML 페이지에 대한 보충 설명을 나타냅니다.

바닥글 요소는 일반적으로 부록, 용어, 버전 정보, 라이센스 계약 또는 기타 콘텐츠와 같은 페이지 콘텐츠의 일부 확장 정보를 표시하는 데 사용됩니다.

머리글 태그와 바닥글 태그의 차이점에 대한 또 다른 예는 다음과 같습니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>PHP中文网演示</title>
</head>
<body>
<article>
<header>
<h3 id="文章的标题">文章的标题</h3>
<h5 id="作者">作者</h5>
</header>
<p>我是正文-我是正文-我是正文-------------<></p>
<article>
<head>
<h4 id="网友的评论">网友的评论</h4>
<p>评论内容-评论内容-评论内容----------</p>
</head>
<footer>
发布时间：1433223
</footer>
</article>
<footer>
<p>尾部：3000：评论</p>
</footer>
</article>
</body>
</html>

로그인 후 복사

효과는 다음과 같습니다.

html 헤더 태그와 바닥글 태그의 차이점에 대한 2점 요약(요소 차이점 예시 포함)