<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p>
<style>
a {color: #fff;}
</style>
</p>
</body>
</html>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<style>
header {
height: 500px;
background: #ff0;
}
</style>
<header>
헤더
</header>
</body>
</html>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<a href="#">
링크
<style>
a {color: #fff;}
</style>
</a>
</body>
</html>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<main>메인1</main>
<main style="display:none">메인2</main>
</body>
</html>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<dl>
<div>
<dt>term</dt>
<dd>description</dd>
</div>
</dl>
</body>
</html>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<dl>
<div>
<dt>term 1</dt>
<dd>descript 1</dd>
</div>
<dt>term 2</dt>
<dd>descript 2</dd>
</dl>
</body>
</html>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<dl>
<div>
<dt>term 1</dt>
</div>
<div>
<dd>descript 1</dd>
</div>
</dl>
</body>
</html>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<ul>
<li><dfn>banana</dfn> is a long, curved fruit with a yellow skin.</li>
</ul>
</body>
</html>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<ul>
<li><dfn>banana</dfn></li>
</ul>
</body>
</html>
<!-- start .foo -->
<div class="foo">
....
</div>
<!-- start .foo__bar--baz -->
<div class="foo__bar--baz">
...
</div>
<!----------------------->
<div class="bar">
...
</div>
<!--------------------------->
<div class="foo">
....
</div>
<!--------------------------->
<!-- start .foo__bar--baz -->
<div class="foo__bar--baz">
...
</div>
<!-- end .foo__bar--baz -->