각각 태그 별로 모두 쓰임새에 대해서 정확한 의미를 가지고 있음=>semantic
태그는 그 의미에 맞춰서 사용해야 한다.
<link>
<img>
<ol>
<ul>
<li>
<h1><h2>...
<p>
<div>
<!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="www.appple.com">사과</a></li>
<li>바나나</li>
<li>메론</li>
<li>귤</li>
</ul>
</div>
</body>
</html>
참고 및 출처자료
https://www.boostcourse.org/web316/lecture/16669?isDesc=false
https://www.w3schools.com