HTML: HTML

HTML Best Practices

7

HTML. , . .

. , .

  HTML

HTML , . , .

HTML. .

HTML – , , .

HTML :


<h1>

HTML 6 – <h1>  <h6>.  <h1> ( -),  <h6>  .

 <h1>  <h2>, <h2>  <h3>  <h6>. .

 <h1>  .

:

<main>
<div>
<h1>  –  ?</h1>
<p>   ,   </p>
</div>
<div>
<h1>  –  </h1>
<p>    </p>
</div>
</main>

 <h1>  <div>. , , , .

:

<main>
<div>
<h1>  –  ?</h1>
<p>   ,   </p>
</div>
<div>
<h2>  –  </h2>
<p>    </p>
</div>
</main>

, <h1>  – (SEO). , ( ).


HTML

, :  <h1>  <h2>,  <h3>  <h4>  ....

 <h1>  <h3>. . .

– , ( ) . – .

:

<h1>  –  </h1>
<h3>    </h3>
<h5> –  </h5> 

:

<h1>  –  ?</h1>
<h2>   ,   </h2>
<h3>  –  </h3>  

figure

<figure>. , <figure>, <figcaption>.

:

<div>
<img src=“a-man-coding.jpg” alt=“  ”>
<p>  ,    </p>
</div>

, . . ,  alt,  <p>. , ,  <p>  alt.

: , , .

:

<figure>
<img src=“a-man-coding.jpg” alt=“   ”>
<figcaption>  ,    </figcaption>
</figure>

– , .

:

  • . .
  • , , .

div ;

HTML . , .

<div>  . <div>  .  <header>  <footer>.

 <header>  .

 <footer>  .

:

<div class="header">
<a href="index.html"></a>
<a href="#"> </a>
<a href="#"></a>
</div>
<div class="footer">
<a href="index.html"></a>
<a href="#"> </a>
<a href="#"></a>
</div>

 <div>  <header>  <footer>. , .

:

<header>
<h1></h1>
</header>
<footer>
<a href="index.html"></a>
<a href="#"> </a>
<a href="#"></a>
</footer>

<footer> <header> .

<footer> <header>  HTML:

  • .
  • . , , .

<b> <i>

 <b>  <i>  (b) (i). , . CSS font-weight,  <strong>  <em>.

 <strong>  . .  <em>  ( ,  <i>).

:

<p><i>     </i><p>
<p><b>      </b><p>   

. . .

 HTML 5   <b>  <i>  .

:

<p><strong>     </strong><p>
<p><em>     </em><p> 

. – . CSS.

<p>, <h1> – <h6> <div>.

. .

<span>, <em> <a>.

.

:

<a href="#" >
<p> merion</p>
</a>

<p>   <a>,  <p>  ,  <a> – .

:

<p>
 <a href="wiki.merionet.ru" target="_blank">Merion</a>
  IT
</p>   

, .

, :

  • .
  • .
  • .

: «» - « ». , « », , .

, 3 .

, CSS . display: inline-block  display: inline.

: , , .

  W3C  .

- HTML, XHTML, SMIL, MathML ..

URL , HTML.


, - HTML. , .


50% Merion Academy