지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > H5 튜토리얼 > HTML5 연구 노트 간결 버전(3): 새로운 요소 hgroup, 머리글, 바닥글

HTML5 연구 노트 간결 버전(3): 새로운 요소 hgroup, 머리글, 바닥글

黄舟
풀어 주다： 2017-01-21 16:34:00
원래의
2299명이 탐색했습니다.

hgroup

태그는 웹페이지나 섹션의 제목을 그룹화하는 데 사용됩니다. 

<hgroup>
  <h1>Welcome to my WWF</h1>
  <h2>For a living planet</h2>
</hgroup>

<p>The rest of the content...</p>
로그인 후 복사

header

header 요소는 안내 및 탐색 기능을 갖춘 보조 요소입니다. 일반적으로 헤더 요소에는 블록 제목(예: h1~h6 또는 hgroup 요소 태그)이 포함될 수 있지만 데이터 테이블, 검색 양식 또는 관련 로고 이미지와 같은 다른 콘텐츠도 포함될 수 있습니다.

이 요소를 사용하여 전체 페이지의 제목 부분을 작성할 수 있습니다. 

<header>
    <h1>The most important heading on this page</h1>
</header>
로그인 후 복사

동일한 페이지에서 각 콘텐츠 블록은 고유한

요소를 가질 수 있습니다. 🎜>
<header> 
  <h1>The most important heading on this page</h1>
</header>

<article> 
  <header>   
    <h1>Title of this article</h1> 
  </header> 
  <p>...Lorem Ipsum dolor set amet...</p>
</article>
로그인 후 복사

요소에는 일반적으로 제목 태그(h1~h6) 또는 hgroup이 포함됩니다. 또한 최신 W3C HTML5 사양 업데이트에 따라 데이터 테이블, 검색 양식 또는 관련 로고 이미지와 같은 다른 콘텐츠도 포함될 수 있으며
관련 라벨：
HTML5，新元素，hgroup
원천：php.cn
이전 기사：HTML5 연구 노트 간결 버전(2): 새 요소 섹션, 기사, 옆 다음 기사：HTML5 연구 노트의 간결한 버전(4): 새로운 요소: 미터, 데이터 목록, 키 생성, 출력
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
PDF 파일에서 HTML5 및 Javascript를 실행할 수 있습니까? PDF에 포함되므로 어떤 컴퓨터에서도 차단되지 않는 프로그램을 만들어 보자는 어리석은 생각이 있습니다(Javascript가 PDF에서 실행될 수 있다고 들었습니다...
에서 2024-04-05 12:57:00
0
1
456
MySQL에 json이 추가되었습니다. mySQL의 json 변수에 새 요소를 추가하는 방법: value=['123'] 다음을 수행하십시오: value=['123','456']
에서 2024-04-04 19:17:30
0
1
352
재작성된 제목: 크기를 조정할 때 고정 HTML 정사각형 또는 원 요소를 가로 및 세로 중앙에 배치 다양한 크기의 정사각형 또는 원형 고정 HTML 요소를 가로 및 세로로 중앙에 배치하는 방법은 무엇입니까? 너비와 높이가 동일하게 유지되어야 한다는 사실 때문에 ...
에서 2024-04-04 12:31:51
0
1
322
클릭하면 텍스트가 새 요소(예: 구분선)로 바뀌도록 하려면 어떻게 해야 합니까? 페이지의 특정 텍스트를 클릭하면 구분 기호/새 요소로 바뀌는 방법을 찾으려고 합니다. 어떻게 설명해야 할지 모르겠지만, 아래에 제목이 있는 이미지를 상상해 보세요...
에서 2024-04-04 11:21:03
0
1
3580
깊은 물체를 제거하는 데 문제가 있음 내 Vue 구성 요소는 개체 내부의 개체를 사용하여 요소를 표시합니다. 페이지에서 버튼을 클릭하면 중첩된 개체 중 하나를 삭제하고 싶습니다. 삭제된 것 같은데, ...
에서 2024-04-03 21:48:14
0
1
302
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿