DREAMSKILLS
Семантикалық
HTML5 элементтері
<div></div>
<div >...</div> тегі контейнер болып табылады. Оның ерекше қасиеттері жоқ. Сондықтан сайттың дизайнын қалыптастыру үшін жиі қолданылады. Әдепкі бойынша, div блок элементі болып табылады. Сондықтан бет негізгі элемент енінің 100% алады.
<div id=“Абзац”>
<p>Бірінші абзац</p>
<p>Екінші абзац</p>
<p>Үшінші абзац</p>
</div>
<span</span>
<span >...</span> тегі div сияқты бірдей контейнер. Бірақ аралық - кірістірілген элемент. Бұл мәтін бөлігін бөлектеу үшін оны мәтін блогының ішінде пайдалануға болатынын білдіреді. Бірдей әрекеттің аналогы мәтінді пішімдеу тегтері болып табылады <b> , <i> , <u> .
Блок элементтерінің ішінде (div) қалағаныңызша кіші жол элементтері (span) болуы мүмкін. Бірақ блоктық элементті жолдың ішіне қою қате. Бұл жағдайда әртүрлі браузерлер күтпеген нәтиже береді.
nav
MAIN
section
Тег <NAV > (навигация) сайт бойынша навигацияны орнатады.

Егер бетте бірнеше сілтеме блоктары болса, онда <nav> әдетте басымдықты сілтемелерді орналастырады. Құжатта бірнеше < nav > қолдануға болады. <NAV> ішіне <address > салуға тыйым салынады.
<nav>
<a href="/">Текст</a>
<a href="/">Текст</a>
<a href="/">Текст</a>
<a href="/">Текст</a>
</nav>
Тег < main >(ағылш. main-негізгі) құжаттың негізгі мазмұнына арналған.

Бетте тек бір ғана < main> болуы мүмкін және ол <article>, <aside>, <footer>, <header> немесе <nav>элементтерінің ішінде орналаспауы керек.

< Main > элементі берілген құжатқа ғана тән мазмұнды қамтиды және навигация, сайт атауы, логотип, іздеу формасы, баннерлер және т. б. сияқты сайттың қайталанатын бөлімдерін қамтымауы керек.
Тег <section>(бөлім) құжат бөлімін орнатады, оны жаңалықтар блогына, байланыс ақпаратына, мәтін тарауларына, тілқатысу терезесіндегі қойындыларға және т. б. қолдануға болады.

Бөлім әдетте тақырыпты қамтиды. Бір тегті <section> екіншісінің ішіне салуға рұқсат етіледі.
Презентация
Төмендегі сілтемеге өтіп, бүгінгі сабақтың презентациясын жүктеп алыңыз