Head First HTML with CSS & XHTML을 참고합니다.
p291쪽에 잘 정리되어 있습니다.
– 모든 웹 페이지는 다음과 같은 Doctype으로 시작합니다.
[http://www.w3.org/TR/html4/strict.dtd”>];
– 엘리먼트가 Doctype 바로 다음에 오는 최상위 루트 엘리먼트가 되어야 합니다.
– 와 만 에 들어가고 나머지는 나 안에 들어갑니다.
– 안에
꼭 넣기
<head> 엘리먼트 안에는 <title> <meta> <style>를 넣을 수 있는 유일한 장소~
– <body>안에는 블럭 엘리먼트만 넣기
– 인라인 엘리먼트는 블럭 엘리먼트안에 넣기
인라인 엘리먼트 안에는 텍스</div>
</a>
<footer class="post-card-meta">
<time class="post-card-meta-date" datetime="2006-12-14">Dec 14, 2006</time>
<span class="sep">—</span>
<span class="post-card-meta-length">1 min read</span>
</footer>
</div>
</article>
</div>
</div>
</main>
</div>
<footer class="site-footer outer">
<div class="inner">
<section class="copyright"><a href="https://www.whiteship.me">Whiteship</a> © 2022</section>
<nav class="site-footer-nav">
</nav>
<div><a href="https://ghost.org/" target="_blank" rel="noopener">Powered by Ghost</a></div>
</div>
</footer>
</div>
<script
src="https://code.jquery.com/jquery-3.5.1.min.js"
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
crossorigin="anonymous">
</script>
<script src="https://www.whiteship.me/assets/built/casper.js?v=c2cb04ff73"></script>
<script>
$(document).ready(function () {
// Mobile Menu Trigger
$('.gh-burger').click(function () {
$('body').toggleClass('gh-head-open');
});
// FitVids - Makes video embeds responsive
$(".gh-content").fitVids();
});
</script>
<!-- Syntax highligting, Prism -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.21.0/prism.min.js" integrity="sha512-WkVkkoB31AoI9DAk6SEEEyacH9etQXKUov4JRRuM1Y681VsTq7jYgrRw06cbP6Io7kPsKx+tLFpH/HXZSZ2YEQ==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.21.0/components/prism-java.min.js" integrity="sha512-p2vAaPEsPvlIESCpoEI5IyzZowfdVZ2O39PsrOrkuTQl+AjD57T4L/Wxv5S8WCToLou0twQZaWO+tt660Rqb6Q==" crossorigin="anonymous"></script>
</body>
</html>