html 헤더 태그와 바닥글 태그의 차이점에 대한 2점 요약(요소 차이점 예시 포함)
- 寻∝梦원래의
- 2018-08-30 17:17:598733검색
이 글에서는 주로 HTML 헤더 태그와 바닥글 태그의 두 가지 차이점에 대해 설명합니다. 다음으로 HTML 헤더 태그와 바닥글 태그에 대한 이 글을 살펴보겠습니다.
1.
참고:
일반적으로 이 요소에는 문서 작성자의 이름, 문서의 저작권 정보, 사용 약관 링크, 연락처 정보 등이 포함됩니다.
문서에서는 여러 개의
<article>
<header>
<h1>这是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>렌더링은 다음과 같습니다.
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>文章的标题</h3> <h5>作者</h5> </header> <p>我是正文-我是正文-我是正文-------------<></p> <article> <head> <h4>网友的评论</h4> <p>评论内容-评论内容-评论内容----------</p> </head> <footer> 发布时间：1433223 </footer> </article> <footer> <p>尾部：3000：评论</p> </footer> </article> </body> </html>
효과는 다음과 같습니다.
위는 이 기사의 전체 내용입니다(자세한 내용을 보려면, PHP 중국어 웹사이트 학습에 오신 것을 환영합니다. 더 많은 프로그래밍 강좌가 여러분을 기다리고 있습니다. 궁금한 점이 있으면 아래에 메시지를 남겨주세요
[편집자 추천]
html5 헤더 태그는 무엇을 의미하나요? html5 헤더 태그 사용법에 대한 자세한 설명(예제 포함)
입력 양식에서 여러 줄의 텍스트 입력 상자를 만드는 방법은 무엇입니까? 입력 태그 사용 방법을 알려주는 기사
위 내용은 html 헤더 태그와 바닥글 태그의 차이점에 대한 2점 요약(요소 차이점 예시 포함)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!