#HTML tag

HTML tag의 종류

태그는 그 의미에 맞춰 사용해야 한다.

anchor 태그, img 태그, ul/li 태그, heading 태그, p 태그 등이 자주 사용된다. 그 밖에 가장 많이 사용되는 것은 div 태그가 있다. div 태그는 block 엘리먼트라고 하는데 일반적인 영역을 표현할 때 가장 많이 사용한다.

많은 태그를 모두 외울 필요는 없으며, 필요한 태그를 찾아서 적절한 의미에 맞는 태그를 사용하는 것이 중요하다.

실습코드

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <div>
    <h1>반갑습니다</h1>
    여기 여러분들이 좋아하는 과일이 있어요.
    <ul>
      <li><a href="<http://www.apple.com>">사과</a></li>
      <li>사과</li>
      <li>메론</li>
      <li>귤</li>
    </ul>
  </div>
</body>
</html>

레이아웃을 위한 태그

레이아웃을 구성하는 태그도 역시 그 의미에 맞춰서 사요오딘다.

html 태그는 레이아웃을 할 때도 그 의미에 맞는 것을 찾아 사용해야 검색도 더 잘되고, 가독서 있는 코드를 만들 수 있게된다. 지금 언급된 태그들은 예를 들어 아래와 같은 화면으로 구성된다.

HTML5 Layout tag

HTML5 Layout tag