Верстка макетов на HTML5

Люба х...ня

Сегодня мы рассмотрим основные моменты, которые следует знать при работе с HTML5 и сверстаем базовый HTML5-шаблон.

html 5 и css3

Хотя стандарт HTML5 официально не утвержден, использовать его можно уже сейчас. Большинство браузеров уже понимают новые структурные элементы. Для его использования достаточно добавить новый doctype.


DOCTYPE

Было:

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Стало:


 

Вывод: меньше кода и времени на выполнение.


Кодировка страницы

Было:

<meta - http-equiv - = - "Content-Type" - content - = - "text/html; charset=UTF-8" - />

Стало:


Определяем язык

Было:


 

Стало:


 

Упростились также и ссылки на стиле
Атрибут type исчез.

Было:


 

Стало:


 


В HTML5 введены некоторые структурные элементы, которые хорошо індексуютья поисковыми роботами

 

  элемент группирует тематические блоки. section могут быть вложены друг в друга.
 
— содержит в себе заголовок какой либо секции, таблицы и т.д.
— обычно включает копирайт или контактную информацию.

 


   
   

 


   
   

 

 

 

 

 

 

 


    шапка сайта

 

 

 

 


   

       

            шапка статьи
       

        содержание статьи
   

   

       

            шапка статьи
       

        содержание статьи
   

 

 

 

 


    подвал

 

 

Расскажите нам о своем проекте!