시맨틱 3

HTML : 시맨틱 웹(Semantic Web) - <main>

HTML : 시맨틱 웹(Semantic Web) - 의 주요 콘텐츠를 나타내며, 유일무이한 태그이다. 하나 이상을 써야 할 경우 주요 콘텐츠 외의 부분은 을 사용하여 눈에 보이지않게 해야 한다. (접근성과 관련 있음) 대부분의 브라우저에서는 지원하나 Internet Explore 에선 지원하지 않는다. Internet Explore 11 이하에서 작동해야 할 경우 하단과 같이 작성한다. 구형 브라우저를 지원할 필요가 없다면 role="main"보다 을 사용한다.. 예제

카테고리 없음 2022.05.31

HTML : 시맨틱 웹(Semantic Web) - <header>

HTML : 시맨틱 웹(Semantic Web) - 소개 및 탐색에 도움을 주는 콘텐츠를 넣는다. 제목, 로고, 검색 폼, 작성자 이름 등의 요소를 포함한다. 소개를 위한 요소로 넣을 경우 전체 웹페이지에 하나만 사용해야한다. 페이지 제목 예시 : 페이지 전체를 아우르는 제목 으로 작성 시 사용한다. HTML 삽입 미리보기할 수 없는 소스 Main page 예시를 위한 글입니다. 글 제목 예시 : 각각의 기사, 아티클엔 나 을 사용해야 한다. HTML 삽입 미리보기할 수 없는 소스 The Planet Earth Posted on Wednesdaty, 3 03 2022 by me blah blah blah ~ 기술 요약 콘텐츠 카테고리 : 플로우 콘텐츠 가능한 콘텐츠 : 플로우 콘텐츠 , 단 다른 또는 는..

STUDY/HTML 2022.05.27

HTML : 시맨틱 웹(Semantic Web)

HTML : 시맨틱 웹(Semantic Web) 시맨틱 웹 이란? (Semantic Web) Semantic : 의미의, 의미론적인 요소의 의미를 고려하여, 구조를 설계하고 코드를 작성하는 것을 말한다. 시맨틱 웹을 사용하면 이로운 점 검색 엔진은 의미론적 마크업을 분석하여 페이지의 검색 랭킹에 영향을 줄 수 있는 중요한 키워드로 간주한다. 시각장애가 있는 사용자가 스크린리더로 탐색할때 의미론적인 마크업을 푯말로 사용할 수 있다. (웹 접근성) 의미가 없는 끊임없는 를 탐색하는 것보다 의미 있는 코드 블록을 찾는 것이 훨씬 쉽다. 개발자에게 태그 안에 채워질 데이터 유형을 제안할 수 있다. 의미 있는 이름 짓기(Semantic Naming)는 적절한 사용자 정의 요소, 구성요소의 이름 짓기(Naming)..

STUDY/HTML 2022.05.27