의미가 바뀐 태그

- HTML5에서 모습은 바뀌지 않았지만 의미가 좀 더 분명해진 태그

 

* 텍스트 관련 태그

- 웹 페이지의 모양은 CSS에서 조정하도록 바뀌었기 때문에 텍스트의 글꼴을 바꾸는 태그는 텍스트 자체에 의미를 부여하도록 사용 목적이 변경되었음.

 

 

태그	변경 전	변경 후	작성 예
<b>	굵은 글꼴을 나타냄.	키워드나 제품명 등 다른 것과 구별하고 싶은 곳을 나타냄.	그림책 시리즈의 최신작은 >b>HTML5</b>가 보이는 그림책입니다.
<i>	문자열을 이탤릭체로 나타냄.	마음의 소리나 다른 나라의 언어 등 본문과는 다른 부분을 나타냄.	유미나는 <i>'힘내자'></i>라고 결심했다.
<s>	취소선이 그어진 문자열을 나타냄.	정확하지 않았던 내용(또는 관련성이 없어진 내용)을 나타냄. 보통은 취소선이 그어진 문자열이 표시됨.	<p><s>  정가 : 1200원  </s></p>  <p>  특가 : 1000원  </p>
<u>	밑줄이 그어진 문자열을 나타냄.	고유 명사나 스펠링 미스 등 문장 중에 다른 부분과 명확히 구별하기 어려운 곳을 나타냄. 보통은 밑줄이 있는 문자열이 표시됨.	<u>Exprore</u>가 아니라 Explorer입니다.
<small>	문자를 작게 만듦.	세목이나 주석을 나타냄	이 사이트의 무단 전재를 금합니다.<br>  <small>  (c)aaaa  </small>

 

 

 

* 강한 의미를 주기 위한 태그

- 다음 요소를 포함시키면 좀 더 강한 의미를 부여할 수 있음.

 

 

태그	변경 전	변경 후	작성 예
<em>	중요한 것을 강조함.	강조를 나타냄.	HTML5로 <em>웹 세상</em>이 달라집니다.
<strong>	중요한 것을 강조함.	중요도를 나타냄.	비상시에는 <strong>긴급 정지 버튼</strong>을 누르십시오.

 

 

 

* 그 밖에 의미가 바뀐 태그

 

 

태그	변경 전	변경 후	작성 예
<cite>	인용문의 작성자나 제목을 나타냄.	인용문의 제목만 나타냄.  작성자나 인용문에는 사용할 수 없음.	<cite>"HTML5가 보이는 그림책"</cite>에 의하면 cite 요소는 인용문의 제목을 나타냅니다.
<address>	문서에 대한 연락처를 나타냄.	article 요소 안에 있는 경우는 article의 문서에 대한 연락처를 나타냄.  body 요소 안에 있는 경우는 문서에 대한 연락처를 나타냄.	<article>  연락처는 아래  <br>  <address>  Korea  </address>  </article>
<hr>	가로 괘선을 나타냄.	단락 단위에서 의미가 바뀌는 부분을 나타냄.  일반적으로는 가로 괘선이 표시됨.	이상 HTML5를 소개했습니다.  <hr>  CSS3은 CSS의 새로운 사양입니다.
<dl>	정의 리스트(Definition List)를 나타냄.	기술 리스트(Definition List)를 나타냄.  정의를 나타내려면 dfn 태그를 함께 사용해야 함.  dt 태그는 용어를, dd 태그는 그 설명을 나타냄.	<dl>  <dt>  <dfn>w</dfn>  <dd>폭<dd>  <dt>  <dfn>h</dfn>  </dt>  <dd>높이</dd>
<a>	href 속성은 필수	href 속성은 필수가 아님.  href 속성이 없는 a 요소는 플레이스 홀더로, 어떤 이유로 하어퍼링크를 붙이지 않는 텍스트로 이용할 수 있음.	<ul>     <li><a href="picbook_c.html">C가 보이는 그림책</a></li>     <li><a href="picbook_js.html">JavaScript가 보이는 그림책</a></li>     <li><a href="picbook_perl.html">Perl가 보이는 그림책</a></li>     <li><a>HTML5가 보이는 그림책</a></li> </ul>

 

 

 내용 출처 : HTML5가 보이는 그림책 (ANK Co., Ltd 저, 성안당)