#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