HTML、CSSページレイアウト(ページレイアウト)
11555 ワード
Non-semantic Elements
<div>
、<span>
は何も教えてくれません.Semantic Elements
<form>
, <table>
, <article>
... などの非占有スペースが含まれます.これらの要素は、コンテンツに関する正確な情報を提供します.Semantic Elementレイアウトページの使用
意味要素は、ページレイアウトを意味的に記述します.また、コードの理解と整理を容易にすることもできます.
<section> Element
<section>
<h2>Introduction</h2>
<p>This document provides a guide to help with the important task of choosing the correct Apple.</p>
</section>
<section>
<h2>Criteria</h2>
<p>There are many different criteria to be considered when choosing an Apple — size, color, firmness, sweetness, tartness...</p>
</section>
タイトルは<section>
<h2>Heading</h2>
<img>some image</img>
</section>
<div>
を使用することをお勧めします.<header> Element
<article>
<header>
<h1>What Does WWF Do?</h1>
<p>WWF's mission:</p>
</header>
<p>WWF's mission is to stop the degradation of our planet's natural environment,
and build a future in which humans live in harmony with nature.</p>
</article>
<footer> Element
<footer>
<p>Posted by: Hege Refsnes</p>
<p>Contact information: <a href="mailto:[email protected]">
[email protected]</a>.</p>
</footer>
<nav> Element
<nav>
にあるわけではありません.<nav>
は、重要なブロックのナビゲーションリンクにのみ使用される.<nav>
<a href="/html/">HTML</a> |
<a href="/css/">CSS</a> |
<a href="/js/">JavaScript</a> |
<a href="/jquery/">jQuery</a>
</nav>
<aside> Element
<p>My family and I visited The Epcot center this summer.</p>
<aside>
<h4>Epcot Center</h4>
<p>The Epcot Center is a theme park in Disney World, Florida.</p>
</aside>
Reference
この問題について(HTML、CSSページレイアウト(ページレイアウト)), 我々は、より多くの情報をここで見つけました https://velog.io/@torin/HTMLCSS-페이지-레이아웃page-layoutテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol