시맨틱 태그

카테고리 없음

[HTML] <b>와 <strong>, <i>와 <em> 태그의 차이

각각의 두 태그들의 차이는 시맨틱 웹과 연관있다. 태그와 태그 모두 해당 태그에 감싸져있는 부분을 진하게 표시해준다. 태그와 태그는 해당 태그에 감싸져있는 부분을 italic체로 기울여지게 한다. 보통 네 가지 모두 태그 강조하고 싶은 부분을 강조하기 위해 사용한다. 📝 예제 코드 b태그와 strong태그의 차이점 i태그와 em태그의 차이점 📄 결과 겉보기에는 두 태그들의 차이가 없어보인다. 그러나 의미론적으로 차이가 존재한다. 태그는 단순히 글자를 굵게 보이게하는 것에 그친다. 그러나 태그는 글자를 굵게 하는데에 그치지 않고, 태그로 감싸진 내용들이 중요한 내용이라는 것을 브라우저에게 알려주는 역할을 한다. 태그와 태그의 차이도 마찬가지이다. 태그와 태그는 시맨틱 요소로써 의미를 가지게 된다. 시맨틱 ..

Web/HTML & CSS

[HTML] 시맨틱 태그

시맨틱 태그 HTML5에서는 시맨팁 웹을 구현하는 데 필요한 시맨틱 태그를 사용하여 웹 브라우저가 웹 문서를 효율적으로 읽게할 수 있다. 시맨틱 웹이란 검색 엔진 같은 프로그램이 정보를 분석하고, 자료를 검색하거나 처리해서 제공하는 지능형 웹이다. 컴퓨터 프로그램이 코드를 읽고 의미를 인식할 수 있다. 머리말 영역 메뉴 영역 동영상, 사진 등의 멀티미디어를 담는 영역 주로 메인 페이지의 이미지 슬라이더나 인터랙티브한 컨텐츠 영역을 지정한다. 본문으로써 컨텐츠를 담는 영역 메인 페이지뿐만 아닌 서브 페이지에도 중요한 영역을 지정할 때 사용하기 좋다. 본문과의 연관성이 적은 외부 영역 광고나 바로 가기를 지정할 때 사용할 수 있다. 특정 영역을 그룹화 글자가 많이 들어가는 부분으로, 기사나 개별 컨텐츠를 담..