1. 문단 요소 - 제목
• 제목 <h1> ~ <h6>
– 대제목, 중제목, 소제목등
– h1, h2, h3, h4, h5, h6
– 잘 구성된 제목은 기기에서의 정보 인식성에 효과적
– 디자인 상생략된 헤딩 요소를 콘텐츠의 특성에 맞게 마크업할 때 작성하면 순차적으로 정보에 접근하는 시각장애인에게 도움이된다.
– 화면에 헤딩요소가 표시되어 디자인상 문제가 되는 부분은 CSS를 이용하여 숨길 수 있다.
<h1>대제목</h1>
<h2>중제목</h2>
<h3>소제목</h3>
<h4>소소제목</h4>
<h5>소소소제목</h5>
<h6>소소소소제목</h6>
2. 문단 요소 - 단락
• 단락 <p>
– 텍스트를 단락으로 정의할 때
– a, img 등 인라인 요소와 텍스트만 포함
– 블록 요소는 사용할 수 없다
<body>
<h1>단락요소</h1>
<p>p태그는 텍스트를 단락으로 정의할 때 사용한다.</p>
</body>
3. 문단 요소 - 줄바꿈
• 줄바꿈 <br/>
– 단락에서 강제로 줄바꿈할 때
– 빈 요소
– 종료 태그 없음
4. 문단 요소 - 구분선
• 구분선 <hr/>
– 수평선으로 표현되어 구분선 역할
– 빈 요소
– 종료 태그 없음
<body>
<h1>영역나누기</h1>
<div>로고와메뉴영역</div>
<hr/>
<div>컨텐츠영역</div>
<hr/>
<div>푸터영역</div>
</body>728x90
반응형
'XHTML.CSS' 카테고리의 다른 글
| XHTML - 02. XHTML서식 (0) | 2020.05.26 |
|---|---|
| XHTML - 01. XHTML이란 (0) | 2020.05.26 |
| XHTML - 07. XHTML 블록 요소와 인라인 요소 (0) | 2019.09.19 |
| XHTML - 06. XHTML요소 (0) | 2019.09.15 |
| XHTML - 05. 네임 스페이스(namespace) (0) | 2019.09.15 |