1. 디스플레이 HTML
- 인라인
- 차단하다
- 스페인의
- div 태그
- 시맨틱(시맨틱 태그)
- 시맨틱 태그의 장점
-
-
-
1. 디스플레이 HTML
1-1 인라인
- 내용물 크기에 맞게 공간을 차지합니다.항목
- 텍스트, 이미지, 스팬
- 텍스트 기능이 있습니다
1-2 차단하다
- 전체 행을 차지하는 요소
- p, h, ul, li, div, ….
- 의 속성을 갖는다
시맨틱(시맨틱 태그)
1-3 스페인의
- 줄을 서서범위가 설정됨
- 인라인 함수가지다
1-4 div 태그
- 얼굴 단위범위가 설정됨
- 블록 기능가지다
1-5 시맨틱(시맨틱 태그)
- Semantics: 사전적 의미: semantic
- 이것은 의미 있는 태그가 사용되는 경우에 필요합니다.
1-6 시맨틱 태그의 장점
- 검색엔진 최적화에 도움이 됩니다.
- 스크린 리더로 페이지 탐색 지원
- div>div>div>div>div>div>div>div> …. 끝없는 div를 반복하는 것보다 더 효율적입니다.
- 개발자에게 명확한 의미를 전달할 수 있습니다.
1-7
- 다음과 같은 소개 콘텐츠를 추가합니다. B. 페이지 제목
- 제목 태그 또는 로고, 검색 양식, 작성자 이름 등을 추가합니다.
- 블록 태그의 속성을 가집니다.
1-8
- 메뉴, 목차 등에 사용됩니다.
'추천 관련글,
1-9
- 지배적인 콘텐츠 영역을 나타내는 태그
1-10
- 특정 시맨틱 태그가 없는 문서의 독립 영역을 나타냅니다.
- 섹션에는 항상 제목이 있는 것이 일반적입니다.
1-11
- 고유한 의미가 있고 독립적으로 배포하거나 재사용할 수 있는 웹 페이지의 일부입니다.
- 기사, 잡지, 블로그 또는 신문 기사
1-12
- 저자, 저작권 날짜 또는 관련 문서 링크, 저작권 등에 대한 정보를 추가합니다.
1-13
- 문서와 간접적으로 관련된 콘텐츠
- 사이드바(웹 페이지를 따라가는 디스플레이 또는 메뉴)