728x90

aside 2

시맨틱 태그(semantic tag) 사용 방법

1. 시맨틱 코드 참고할 글 : 2021.04.09 - [코딩/HTML] - 시맨틱 태그(semantic tag) 꼭 써야 할까? 시맨틱(semantic) 태그란 그 이름 자체만으로 브라우저나 길 잃은 사람들, 지구 상의 원주민, 개발자, 수정자들에게 의미를 전달할 수 있는 태그다. 시맨틱 태그가 아닌 , 등은 그 이름만 들어서는 그 내용이 무엇인지 알 수 없다. 그러나, 시맨틱 태그는 =두목, =내비게이션, =그림, 이렇게 이름만 척, 들어도 어림짐작할 수 있다는 게 대단한 장점이라 아니할 수 없다. 2. 많이 쓰는 코드들 1) 말 그대로 머리말 영역으로 문서 또는 섹션의 헤더를 나타낸다. 하나의 문서 안에 여러 개 태그가 올 수 있다. 즉 헤더란 문서 전체의 헤더일 수도 있고, 특정 영역(섹션)의 헤..

코딩/HTML 2021.04.11

시맨틱 태그(semantic tag) 꼭 써야 할까?

1. semantic이란? 참고할 글: 2021.04.11 - [코딩/HTML] - 시맨틱 태그(semantic tag) 사용 방법 웹 페이지를 하나의 도시라고 비유한다면, 그 도시를 여행함에 있어 버스정류장이 어디인지, 도로가 어디인지, 기차역, 혹은 대합실, 특실, 일반실이 각각 어디인지를 알려주는 태그가 시맨틱 태그다. 즉, semantic은 그 도시의 설계도를 보여준다. semantic의 뜻: 의미의, 의미론의 시맨틱 태그들은 검색엔진에게 의미론적 구조를 알려준다.(←의미론적 구조=그 영역이 문서 구조에서 어떤 의미인지) 이름만 듣고도 그 영역이 어떤 역할을 하는 곳인지 알 수 있게 한다. 또한, 여행객 또는 웹페이지를 개발 또는 수정코자 하는 사람에게 의미론적 구조를 알려준다. 사람들은 html..

코딩/HTML 2021.04.09
728x90