Inline Elements

A collection of 1 post
Block-Level Elements

Strict HTML 4.01 지침서

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>