ずっと前(約15年前)、ほとんどの人がWebサイトを作成し、内部に何があるかについて心配していませんでした。レイアウトテーブルは、手元にあるものすべてを使用し(そして、ほとんどが<div>と<span>に出くわしました)、アクセシビリティについてはあまり気にしませんでした。そして、HTML5が発生し、離れて行きます。
— , , . — . — .
: , . <div> — , . .
. , — , . . , , , .
«» , , , , . . , . , .
. , , , , , , .
— «» Google.
tutu.ru <table>
<div>
Google .
. <div id="nav">
. HTML , <div>
<span>
. .
, <nav></nav>
<div class="nav"></div>
. . , .
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title> </title>
</head>
<body>
<header class="main-header">
<!— —>
</header>
<main>
<!— —>
</main>
<footer class="main-footer">
<!— —>
</footer>
</body>
</html>
HTML
«» HTML — , <p>
, . <i>
<b>
, , .
HTML Living Standard , . .
<article>
: , , , , , .
: .
:
<section>
<div>
.
<section>
: . , <article>.
: .
:
<article>
<div>
.
<aside>
: , .
: . .
:
<aside>
« » , .
<nav>
<header>
: , . .
: .
: .
<main>
: , , .
: , .
: , (, ).
<footer>
: , , , . .
: .
<footer>
.
: .
.
. :
<header>, <main>, <footer>
.
. :
<nav>, <section>, <article>, <aside>
.
. :
<h1>-<h6>
.
. , , -, , , , .
. , , , , .
,
.
— .
—
<div>
.
( ) —
<span>
.
<article>, <section>
<div>
:
? —
<article>
, ? —
<section>
? - « » « »? —
<div>
. CSS.
, , , . , -, , , . .
:
<blockquote>
, . , , , .
<ul>
«» . , , -,<ul>
<li>
.
<p>
, . .
, CSS.
.
« » HTML Academy. HTML CSS « ». SKUCHNO .
, .