HTML? ????? ????? ????? ?? ? ???? ?? ? ????. 1) ???? ??? ????? ???? ???? SEO ? ???? ???? ??????. 2) ???? ???? ??? ????? ?? ??? ??? ??? ?????. 3) ???? ?? ?? ??? ???? ?? ??? ?? ??????.

??

HTML, ??? ??? ?? ? ?? (HyperText Markup Language)? ?? ? ???? ?????? ?????. ??? ??? ??? ??? ?? ? ???? ??? ???? ??? ?? ? ??? ??????. ??? ??? HTML? ??? ???? ??? ? ??? ??? ???? ????? ??? ??? ?? ? ????. ? ??? ??? ?? HTML? ??? ??? ??? ?? ??? ???? ??? ?? ??????.

?? ?? ??

HTML? 1991 ? Tim Berners-Lee? HTML4?? HTML5??, ?? HTML Living ??? ????? ?? ??? ????? ?????. HTML? ??? ????? ???? ????? ????. HTML? ??? ??? ??? ??? ?? ???? ??? ? ??? ? ???? ??? ???? ????. ???? ????? HTML? CSS (??? ??? ??) ? JavaScript (???? ??)? ???? ???? ?? ? ??? ? ?? ??? ???? ??????.

?? ? ? ?? HTML5? ??? <canvas></canvas> , <video></video> ,

?? ?? ?? ?? ??

HTML? ?? ?? ??

HTML? ????? ????? ????? ?? ? ???? ?? ?? ? ????. ???? HTML ??? ???? ????? ???? ???? ?? ?? ??? (SEO) ? ???? ????? ?? ?????. ???? HTML? ???? ???? ??? ??? ?? ??? ????? ?? ??? ??? ??? ?? ?? ? ??? ?????. ???? HTML? ??? ?? ?? ??? ?????? ???? ????? ???? ???? ??? ? ? ??? ?????.

?? ??

HTML? ??? ?? ???? ??? W3C (World Wide Web Consortium) ? Whatwg (Web HyperText Application Technology Working Group)? ?? ??? ???? ?? ? ??? ????? ?? ?????. ??? ??? ??? ? ??? ??? ?? ??? ?? ??? ??? ??? ??? ?? ???? ?? ? ??? ?? ?? ??? ? ????. ???? ??? ??? ?? ? ???? ??? ?? ???? ????? ????? ? ? ????.

HTML? ?? ???? ?? ??? ??? ??? ??? ?? ??? ???? ??? ??? ?????. ??? ??? ???? ? ???? ???? ??? ???? ? ??? ?? ??? ???? ??? ??? ??? ?? ? ? ????. ??? HTML? ?? ??? ??? ??? ??? ??? ??????.

??? ?

??? ?? ??

??? ??? ? ????? ???? ???? ???? SEO ??? ????? ? ??? ? ? ????. ?? ??:

 <Header>
    <H1> ? ? ???? ?? ?? ????? </h1>
    <avi>
        <ul>
            <li> <a href = "#home"> home </a> </li>
            <li> <a href = "#about"> ?? </a> </li>
            <li> <a href = "#contact"> contact </a> </li>
        </ul>
    </nav>
</??>

? ??? <header> ? <nav> ??? ???? ? ??? ??? ???? ????.

?? ? ??

?? ? ??? ?? ????? ???? ???? ??? ? ? ????. ?? ??, ? ?? ?? ??? ???? ??? ?? ??? ?? ? ????.

 <template id = "my-card">
    <???>
        .card {
            ?? : 1px Solid #CCC;
            ?? : 10px;
            ?? : 10px;
        }
    </???>
    <div class = "card">
        <H2> <?? ?? = "title"> </slot> </h2>
        <p> <?? ?? = "content"> </slot> </p>
    </div>
</???>

<cript>
    ??? ???? ?? htmlelement {
        ??? () {
            ???();
            const template = document.getElementById ( &#39;my-card&#39;). ??;
            const shadowroot = this.attachshadow ({mode : &#39;open&#39;}). AppendChild (template.clonenode (true));
        }
    }
    customElements.define ( &#39;my-card&#39;, mycard);
</????>

<? ??>
    <h2 slot = "title"> ? ?? ?? </h2>
    <p slot = "content"> ??? ? ??? ?????. </p>
</my-card>

? ??? ? ?? ??? ???? ??? ??? ?? ?? ??? ??? ??? ?????.

???? ?? ? ??? ?

HTML? ???? ?? ???? ???? ?? ? ??, ?? ??, ?? ??? ???? ?? ?? ?????. ??? ??? ??? ?? ???? W3C? ?? ? ??? ?? ???? ?? HTML ?? ??? ??? ? ????. ?? VS ??? ?? ?? ?? ???? ???? ??? ?? ?? ? ?? ??? ???? ???? ??? ?? ? ????.

?? ??? ? ?? ??

?? ???? ?? HTML ??? ?? ??? ? ????. ??? ? ?? ??? ?? ? ?? ?? ??? ??? ????.

• HTTP ??? ??? : ??? ??? ???? ???? ????? ??? ????.
• ??? ?? ?? : SEO? ??? ??? ??? ??? ???? ?? ???? ??????.
• ?? ? ?? : ? ?? ??? ?? ??? ?? ?? ??? ????? ?? ? ? ????? ?? ??? ? ?? ??? ?????.
• ?? ? ??? : ?? ???? ? ???? ? ???? ??? ??? ???? ? ???????.

?? ????????? Google Pagespeed Insights? ?? ??? ?? ? ??? ??? ???? ??? ? ? ????. ??? ??? ???? ???? ???? ?? ?? ???? ?? ??? ???? ? ??? ?????.

?????

HTML? ??? ??? ????? ?? ? ??? ??? ?? ???? ?? ? ?? ??? ???? ? ????. ????? ??? ??? ? ???? ? ? ???? ????? ?? ??? ?? ??? ???? ??? ?? ? ?? ??? ??? ????????. ? ??? ??? ?? ??? HTML ???? ??? ??? ?? ? ????? ??? ??? ???? ????.

? ??? HTML? ?? : ??? ???? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!