★-쇼핑몰제작운영Tip/HTML태그강의

쇼핑몰 창업과 제작을 위한 HTML 태그 강의 [05] - strong / del/sup 태그

제조업닷컴 2008. 2. 20. 15:51
728x90

인터넷 쇼핑몰 창업과 제작을 위한 HTML 태그 사전 (웹2.0 웹표준 기반)

HTML (XHTML) 사전 - 웹표준과 검색엔진 최적화(SEO)를 위한 마크업 HTML

쇼핑몰 창업과 제작을 위한 HTML 태그 강의 [05] - strong / del / sup 태그

HTML 태그 강의 [05] - HTML 태그 파일에서 검색엔진 로봇에게 어필하고 싶은 부분을 강조해보자. h1 ~ h6 태그와 마찬가지로 사람의 눈을 의식하기보다는 검색엔진 로봇에게 핵심 키워드라고 콕 집어주기를 원하는 부분만 strong 으로 강조하자.



HTML 태그 강좌 다섯 번째 시간입니다.

이번에는 strong / del / sup 태그에 대해서 살펴보겠습니다.

검색엔진 최적화 (SEO) 글을 읽은 분은 특히나 strong 태그가 눈에 익죠?

자, 우선 오늘 배울 내용을 담은 HTML 태그 파일을 다운로드 받으세요.

HTML 태그 파일 다운로드 받기

오늘 배울 내용은 html_09.html 에 들어있습니다.

HTML 태그 파일 내용 중 검색엔진 로봇에게 어필하고 싶은 부분을 강조한다. - strong 태그

strong 태그 역시 방문자를 위한 태그라기 보다 쇼핑몰 / 홈페이지 운영자가 검색엔진 로봇에게 어필하고 싶은 부분을 강조하는 태그라고 생각하는 것이 좋습니다.

html_09.html 을 볼까요?

html_태그_20

strong 태그 역시 h1 ~ h6 태그처럼 최소한으로 사용하면서 최대한 강조할 부분만 골라서 하는 것이 좋습니다.

웹페이지에서는 이렇게 보이게 됩니다.

html_태그_21

strong 태그로 강조한 부분이 일반 글씨들보다 두꺼워진 것을 확인할 수 있죠.

텍스트에 간단한 효과를 만들어주는 del / ins / sup 태그

del / ins 태그는 그다지 큰 의미는 없습니다만, 쇼핑몰에서 상품의 가격 할인을 강조하기 위해 자주 사용됩니다.

sup / sub 태그는 윗첨자, 아래첨자를 표현해줍니다.

html_09.html 의 제일 마지막에 예제를 실어봤습니다.

html 태그 소스와 웹브라우저 화면을 비교해보시면 앞으로 아주 쉽게 사용하실 수 있을겁니다. ^^*

html_태그_22

html_태그_23

이렇게 해서 strong / del / sup 태그까지 알아보았습니다.

쉽죠?
벌써 7 분의 4 를 배웠습니다.


다음 글에서는 ol / ul / dl 태그에 대해 살펴보겠습니다.