HELLO :3 IM RESHUR

HTML : 시맨틱 웹(Semantic Web) - : 일반 구획 요소 과 은 비슷하지만 다르다. 과는 다르게 제목요소 (h1~h6)는 필수요소가 아니며, 전체글의 흐름에서 문맥적으로 호흡이 끊길때 사용한다. 과 을 쉽게 구분하는 방법은 이 될수있다면, 을 쓰고 아니면 을 사용한다. 요소의 컨텐츠를 따로 구분해야할 필요가 있다면 을 사용한다. 일반 컨테이너로 사용하면 안되며, 단순 스타일링을 위해서라면 를 사용해야한다. 기술 요약 콘텐츠 카테고리 : 플로우 콘텐츠, 구획 콘텐츠 가능한 콘텐츠 : 플로우 콘텐츠 태그 생략 : 종료태그 생략 불가능 가능한 상위요소 : 플로우 콘텐츠를 허용하는 모든 요소 단, 요소는 의 하위요소가 될수 없다. 2022.05.27 - [TIL/HTML] - HTML : 시맨틱 ..

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

HTML : 시맨틱 웹(Semantic Web) - 문서의 주 내용과 직접적인 연관은 없지만 간접적으로 연관이 있을 때 사용한다. 영어의 단어 뜻이나 블로그 류의 추가적인 콘텐츠(광고 등)를 나타날 때 사용한다. 와는 성격이 다르다. 는 부가적인 내용이지만 굳이 없더라도 문제가 되지 않는다. 예제 HTML 삽입 미리보기할 수 없는 소스 Salamanders are a group of amphibians with a lizard-like appearance, including short legs and a tail in both larval and adult forms. The Rough-skinned Newt defends itself with a deadly neurotoxin. Several spec..

HTML : 시맨틱 웹(Semantic Web) - 주로 웹의 맨 하단에 위치해있다. 웹페이지의 정보나 연관된 사이트를 나타낼 때 사용한다. 작성자, 저작권 정보, 관련 문서 등의 내용을 담는다. 기술 요약 가능한 콘텐츠 : 플로우 콘텐츠 가능한 콘텐츠 : 플로우 콘텐츠 단, 와 다른 는 하위 요소가 될 수 없다. 태그 생략 : 종료 태그 생략 불가 가능한 상위 요소 : 플로우 콘텐츠를 허용하는 모든 요소 단, 요소는 , , 혹은 다른 의 하위 요소가 될 수 없다. HTML 삽입 미리보기할 수 없는 소스 레슈의 연락처 sol.reshur@gmail.com 123 456-78.." data-og-host="sol-reshur.tistory.com" data-og-source-url="https://sol-..

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

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