목차
<figure> 예제 - 독립 콘텐츠 표시
<figure> 정의
<figure> 구문
<figure> 기본 CSS
<figure> 예제 - 독립 콘텐츠 표시
<p>홈짱닷컴 (homzzang.com)</p>
<p>홈페이지 무료 제작 가이드</p>
<p>HTML CSS JS JQUERY PHP SQL</p>
<figure>
<img src=" https://i.imgur.com/PQNhCln.gif " alt="홈짱닷컴 로고" width="170" height="70"> <figcaption>홈짱닷컴 Homzzang.com</figcaption>
</figure>
결과보기
<figure> 정의
삽화, 도형, 사진, 코드 일람표 같은 독립적 인 콘텐츠 를 표시.
1.
독립적인 콘텐츠 란 내용 상 웹문서의 일부이나 위치상 독립적이며,
없더라도 웹문서 흐름에 영향 안 미치는 콘텐츠. 2.
시작태그와 종료태그로 구성 3.
HTML5에서 새로 도입 4.
IE 9 이상 주요 최신 브라우저 모두 지원 . 5.
<figure> 태그는 전역속성과 이벤트속성 지원. 6.
<figcaption> 태그 : <figure> 태그 제목 달 때 사용
<figure> 구문
<figure> 독립 콘텐츠 요소 </figure>
<figure> 기본 CSS
figure {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 40px;
margin-right: 40px;
}
PS. <figure> 태그는
블럭요소 (= 한 줄 전체 차지).
주소 복사
랜덤 이동