document element & metadata
<!DOCTYPE html>
<html>
<hesd>
<title>
<link>
<meta>
sections
<body>
<article>
<section>
<header>
<h1>...<h6>
<nav>
<aside>
<footer>
<address>
grouping content
<ol>, <ul>, <li>
<dl>, <dt>, <dd>
<div>
<figure>, <figcaption>
<p>
<pre>
<blockqoute>
<main>
<hr>
text-level sementics
<br>,<wbr>
<a href="경로">
<i>, <em>
<dfn>
<abbr>
<sup>, <sub>
<span>
embedded content
<img>
- src
- alt
- srcset
- x서술자, y서술자, size
<picture>
- media
- type
<ifram>
<audio>
<vedio>
Forms
<Form>
<input>
<label>
<select>
<fieldset>
<legend>
<button>
<textarea>
<addlist>
어떨 때 사용할까?
멋진 프론트엔드 개발자를 위하여!