HTML Reference

HTML 기초 문법

시멘틱 태그란, 그 이름 자체만으로 브라우저나 길 잃은 사람들, 지구 상의 원주민, 개발자, 수정자들에게 의미를 전달 할 수 있는 태그입니다.

<header>	<header> 태그는 웹문서 상단을 의미한다. 주로 로고, 타이틀 등이 포함되어 있습니다.
<nav>	<nav> 태그는 내비게이션을 나타내는 태그로 주로 메뉴등이 포함됩니다.
<aside>	<aside> 태그는 왼쪽 또는 오른쪽 사이드 부분을 나타내는 태그입니다.
<section>	<section> 태그는 주제별 그룹의 콘텐츠 섹션을 나타낼 때 사용합니다. 주로 본문의 내용을 나타냅니다.
<article>	<article> 태그는 <section>와 마찬가지로 본문의 내용을 나타냅니다. section과는 조금 다른 의미를 가지고 있습니다. (section은 여러개 묶음, article는 그 자체로 독립)
<footer>	<footer> 태그는 웹문서의 하단 부분을 나타내는 태그입니다.

태그는 CSS로 대체할 수 있기에 HTML5에서는 더 이상 사용을 권장하지 않습니다.

basefont, big, center, font, flame, flameset, noframes, s, strike, tt, u 등등

다른 태그들과 함께 사용하면서 혼란을 야기하는 태그

acronym(abb), applet(object), inindex, dir(ul), noscript

태그	변경 전	변경 후
<a>	href=”#”, href=”javascript:;”로 null link(널링크) 사용	href 속성없이 사용하면 바로 null link(널링크)로 사용
<adress>	이름, 이메일주소, 전화번호 등 제작자에 대한 정보 표시	article 요소 안에 있는 경우 article의 문서에 대한 연락처를 나타냅니다. body 요소 안에 있는 경우에는 문서에 대한 연락처를 나타냅니다.
<b>	텍스트를 진하게	내용이 중요하지는 않지만 진하게 표시할 때 사용
<hr>	단순한 가로줄 표시	단락 단위로 의미가 바뀌는 부분을 나타냄
<i>	텍스트 기울어지게 표시	텍스트 기울임 뿐만 아니라, 중요한 정보가 들어있지 않은 주변 요소로부터 텍스트를 따로 표시할 때 사용
<menu>	사용하지 않도록 권고	실제 문서 메뉴 정보를 제공하는데 사용
<small>	작은 글자로 표시	세부 주석이나 법적 인쇄 문서에서 작은 인쇄 정보를 표시할 때 사용
<strong>	글자강조	단순히 글자를 강조하는 것보다 중요한 내용을 표시할 때 사용