Новые теги HTML5
В этой презентации вы узнаете о самых примичательных новых HTML5 тегах.
<article>
Семантический тег, что означает тег для поисковиков.
Статья или новость из стороннего источника
<article> Статья </article> Подробнее о article теге на HTML5.aywii.com
<audio>
Данный тег используется для вставки аудио на страницу.
<audio src="music.mp3" controls="controls">
Ваш браузер не поддерживает аудио элемента.
</audio>
Подробнее о audio теге на HTML5.aywii.com
<canvas>
Холст - на котором можно рисовать, правда для этого понадобится еще и JavaScript
<canvas id="myCanvas"></canvas>
<script type="text/javascript">
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);
</script>
Подробнее о canvas теге на HTML5.aywii.com
<details>
Детали документа, например дата его написания.
<details>Этот документ, я написал 28 августа 2010 года.</details>
Подробнее о details теге на HTML5.aywii.com
<EMBED>
Преднзначен для загрузки и отображения объектов, например Flash..
Используется уже давно, но официально был введен только в HTML5.
<embed src="helloworld.swf" />
Подробнее о EMBED теге на HTML5.aywii.com
type="range"
Данный параметр в поле input создает численную шкалу.
<input type="range" min="0" max="50" value="0" />
Подробнее о input теге на HTML5.aywii.com
<header>
Определяет верхнюю часть страницы, например с логотипом сайта.
<header>
<h1>Добро пожаловать на Aywii HTML5</h1>
</header>
Подробнее о header теге на HTML5.aywii.com
<footer>
Определяет нижнюю часть страницы, например с копирайтами.
<footer> © Aywii HTML5 </footer>
Подробнее о footer теге на HTML5.aywii.com
<time>
Семантический тег, определяет дату и время.
<time>10:00 28-08-2010</time>
Подробнее о time теге на HTML5.aywii.com
<nav>
Семантический тег, исползьзуется для обозначения навигации или меню.
<nav>
<a href="index.php">Главная страница</a>
<a href="next.php">Следующая Страница</a>
<a href="http://aywii.com">Aywii</a>
</nav>
Подробнее о nav теге на HTML5.aywii.com
<video>
Служит для вставки видео на страниу.
<video src="movie.ogg" controls="controls">
Ваш браузер не поддерживает тег video
</video>
Подробнее о video теге на HTML5.aywii.com