"HTML section 태그"의 두 판 사이의 차이

잔글 (봇: 자동으로 텍스트 교체 (-</source> +</syntaxhighlight>, -<source +<syntaxhighlight ))
 
(다른 사용자 한 명의 중간 판 28개는 보이지 않습니다)
1번째 줄: 1번째 줄:
{{소문자}}
==개요==
;section
;HTML5 섹션 태그
;HTML section 태그
 
*콘텐츠의 장, 절 구분에 사용
*콘텐츠의 장, 절 구분에 사용
*카테고리 Sectioning, Flow
*카테고리 Sectioning, Flow
*[[HTML5 아웃라인]]
*[[HTML5 아웃라인]]
==사용법==
*스타일, 스크립트 적용 금지<ref>적용이 필요하다면 하위에 div 요소를 사용</ref>
*스타일, 스크립트 적용 금지<ref>적용이 필요하다면 하위에 div 요소를 사용</ref>
*section에는 제목을 표시하는 [[HTML5 headings]]를 1개 이상 넣자.
==예시==
<syntaxhighlight lang='html' run>
<section>
<h1>제목</h1>
<p>다람쥐 헌 쳇바퀴에 타고파‎. 다람쥐 헌 쳇바퀴에 타고파‎. 다람쥐 헌 쳇바퀴에 타고파‎.</p>
<p>다람쥐 헌 쳇바퀴에 타고파‎. 다람쥐 헌 쳇바퀴에 타고파‎. 다람쥐 헌 쳇바퀴에 타고파‎.</p>
</section>
</syntaxhighlight>
==같이 보기==
*[[HTML5 콘텐츠 모델]]
*[[HTML5 section, header, footer 예시]]
*[[HTML5 section, header, footer, nav 예시]]
*[[HTML body 태그]]
*[[HTML article 태그]]
*[[HTML header 태그]]
*[[편, 장, 절, 관, 조, 항, 호, 목]]


==주석==
==주석==
10번째 줄: 33번째 줄:


[[분류: HTML5]]
[[분류: HTML5]]
[[분류: HTML 태그]]

2021년 4월 27일 (화) 23:45 기준 최신판

1 개요[ | ]

HTML5 섹션 태그
HTML section 태그

2 사용법[ | ]

  • 스타일, 스크립트 적용 금지[1]
  • section에는 제목을 표시하는 HTML5 headings를 1개 이상 넣자.

3 예시[ | ]

<section>
<h1>제목</h1>
<p>다람쥐 헌 쳇바퀴에 타고파‎. 다람쥐 헌 쳇바퀴에 타고파‎. 다람쥐 헌 쳇바퀴에 타고파‎.</p>
<p>다람쥐 헌 쳇바퀴에 타고파‎. 다람쥐 헌 쳇바퀴에 타고파‎. 다람쥐 헌 쳇바퀴에 타고파‎.</p>
</section>

4 같이 보기[ | ]

5 주석[ | ]

  1. 적용이 필요하다면 하위에 div 요소를 사용
문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}