������HTML

Семантикалық элементтер

HTML құжатын жасау кезінде әзірлеушілер <div> және <span> тегтерін пайдаланады. Олар әртүрлі стильдермен тәуелсіз блоктарды жасауға көмектесетін блокты немесе кірістірілген элементті жасауға мүмкіндік береді. Бірақ браузер мен іздеу жүйелері үшін бұл блоктар семантикалық болып табылмайды, демек олар нақты оның құрамында болғандарын анықтай алмайды.

HTML стандартының алғашқы нұсқаларынан бастап тегтер бастапқыда семантикаға ие болады, , <p> - абзац,<table>-кесте,<ol>,<ul>-тізім. Бірақ бұл тегтер сайттың «үстіңгі деректемесін», «төменгі деректемені», «бүйірлік тақтаны» белгілей алмайды.

HTML5 стандарты шығарылғанға дейін мұндай аймақтарды белгілеу үшін класстар немесе идентификаторлар пайдаланылды. Мысалы, келесідей:

<div id="header">

</div>

<div id=“main">

</div>

<div id=“footer">

</div>

Шапкасы/Басы

Сайттың негізгі бөлігі

Сайттың ең соңғы шағын ақпараттық бөлігі

HTML5 стандартының шығуымен жаңа тегтер пайда болды, олар мәтінді ғана емес, бет аймақтарының семантикасын белгілей бастады.

Негізгі семантикалық тегтер:

• <article>
• <aside>
• <footer>
• <header>
• <main>
• <nav>
• <section>

​

Қолданылуы ешқайндай атрибутқа мән берусіз. Тек тег күйінде:

<main></main>,<header></header>.

Тақырып (Шапка)

Сайттағы тақырыпты байланыс ақпараты, мәзір, логотип орналасқан жоғарғы аймақ деп атау әдеттегідей. HTML5 стандарты пайда болғанға дейін бұл аймақ қарапайым <div> блоктың көмегімен белгіленді.

​

HTML5 ішінде элементтер орналасқан сайт тақырыбын белгілеу үшін жұп тегі пайдаланылады .

<header>

<img src="/645.png" alt="Логотип">

<div id="menu"> <!-- Мәзір -->

<ul>

<li><a href="/">Басты бет</a></li>

<li><a href="/about">Біз туралы</a></li>

<li><a href="/contacts">Байланыс желісі</a></li>

</ul>

</div>

</header>

<div class="btn-group">

<p align="right" bg> <a href="file:///C:/Users/LENOVO/Desktop/AS%20Center/ascenter.html"><button class="btn-group">Басты бет</button></a>

<a href="file:///C:/Users/LENOVO/Desktop/AS%20Center/dini.html"><button class="btn-group">Діни психология</button></a>

<a href="file:///C:/Users/LENOVO/Desktop/AS%20Center/films.html"><button class="btn-group">Миға қорек</button></a>

<a href="file:///C:/Users/LENOVO/Desktop/AS%20Center/kitap.html"><button class="btn-group">Сатылымдағы кітаптар</button></a></p>

<header> тегі өздігінше <div> тегінен ешбір айырмашылығы жоқ. Сонымен қатар тамаша стандартты стильдерді қамтымайды, сондықтан оны кез келген сайтта сайттың көрінісін бұзудан қорықпай пайдалануға болады.