html/css 독학하기

legend

토픽 html/css 독학하기 > html사전

설명

The HTML Legend Field Element (<legend>) represents a caption for the content of its parent <fieldset>.

fieldset이 담고 있는 내용에 대한 제목.

Usage Context

Permitted content Phrasing content
Tag omission none, both the start tag and the end tag are mandatory
Permitted parent elements a <fieldset> whose first child is this <legend> element
Normative document HTML5, section 4.10.5 (HTML4.01, section 17)

속성

이 엘리먼트는 전역속성을 지원한다.

예제

 

<fieldset>
 <legend>HTML이란?</legend>
  웹상에서 문서의 정보를 기술하는 언어이다. 
</fieldset>

출력

 

DOM Interface

This element implements the HTMLLegendElement interface.

본 엘리먼트는 HTMLLegendElement 인터페이스에 따라서 구현 된다.

호환성

Desktop
기능 구글크롬 파이어폭스Gecko) 인터넷 익스플로러 Opera Safari
기본적인 지원 지원 지원 지원 지원 지원
Mobile
기능 안드로이드 파이어폭스 모바일(Gecko) 인터넷 익스플로러 모바일 오페라 모바일 사파리 모바일
기본적인 지원          

참고

댓글

댓글 본문
  1. fantalon
    제 생각에 'ol'과 'li'와의 관계는 'fieldset'과 폼 항목과의 관계와 비슷하지 않을까 합니다(확실하진 않구요). 개별적인 폼 항목들을 필드셋으로 묶어주고, 이 묶은 것에 대한 이름표가 legend인것 같습니다. 예를 들면, '회원가입폼', '신용카드 정보' 등 사용자가 입력하는 폼이 무엇에 관한 내용인가를 한 눈에 알 수 있는 이름표가 아닐까 생각합니다. 시각장애인들이 리더기로 페이지를 읽을 때, legend 태그가 있으면 미리 알수있겠죠.
    대화보기
    • engfordev
      잘 해주셨습니다~
      역시나 여기에서도 질문만 몇 개 써두고 도망갈게요~
      Q. legend는 어떤 때 쓰는 태그일까요?
      Q. 일반인의 눈으로 보면.. <fieldset>이라는게 상위에 있고, 그 하위에 내용들이 들어가는데, 그 하위 내용의 제목을 나타내주는 게<legend>라는 태그일까요?
      <ol> <li>요런 것 하고도 비슷한 걸까요?그러니까 여기에서 <fieldset>은 <ol>이랑 비슷하고, <legend>는 <li>하고 비슷한 성격인...?
      물론 이 질문들에 답해주셔도 좋지만, 나중에 검토작업하시는 분들께 부탁드리는 질문이기도 합니다 ^^</li></legend></ol></fieldset></li></ol></legend></fieldset>