HTML 5 Что нового?
HTML 5 - это новая версия самого популярного языка разметки.
Уже более 10-ти лет язык гипертекстовой разметки HTML практически не менялся, что было очень странно, учитывая огромную скорость развития Web-технологий, и вот, наконец-то, изменение случилось и появился HTML 5.
В HTML 5 добавлены несколько новых элементов и атрибутов, а также убраны несколько старых (например, font и center).
Добавлены следующие элементы:
1) header.
2) footer.
3) nav.
4) section.
5) article.
6) aside.
7) figure.
8) dialog.
9) m (mark).
10) time.
11) meter.
12) progress.
13) video.
14) audio.
15) details.
16) datagrid.
17) menu.
18) command.
В остальном осталось всё без изменений. То есть никаких проблем с освоением HTML 5 не возникнет, при условии, что Вы знакомы со стандартным HTML. Собственно, всё осталось как прежде, только добавились новые возможности.
Благодаря нововедениям HTML 5 можно существенно облегчить труд Web-мастеров по созданию веб сайтов, упростив ту же самую разметку.
Наверняка, Вы задаётесь вопросом: "А будет ли работать HTML 5 со старыми браузерами?". Ответ таков: "Конечно, да, но новые элементы, разумеется, отображаться не будут". Или другими словами, новые страницы увидят все, но обладатели современных версий браузеров увидят немного больше и по-другому.
Я уверен, что в ближайшие время HTML 5 смогут увидеть такой же процент пользователей, как сейчас видят HTML 4, которому уже более 10-ти лет.
А об использовании новых возможностей HTML 5 мы поговорим с Вами в следующих статьях.
-
- Михаил Русаков
Комментарии (8):
Михаил, большой ли толк в данный момент во всю использовать HTML5? На вашем сайте я что-то не нашёл теги из HTML5.
Ответить
Ещё рановато, учитывая что не все браузеры его полностью поддерживают, и много пользователей пользуются устаревшими версиями браузеров.
Ответить
Михаил, будете ли Вы освещать тему технологии drag-a-drop
Ответить
http://myrusakov.ru/drag-and-drop-loading.html . Три части по данной теме. И в видеокурсе эта тема кстати рассматривается.
Ответить
Подскажите в чем здесь ошибка <html> <script> function getCoordinates() { navigator.geolocation.getCurrentPosition(showCoordinates); } function showCoordinates(position) { document.write("Широта: " +position.coords.latitude "<br/>"); document.write("Долгота: "+position.coords.longitude); } </script> <body> <input type="button" value="Нажми на кнопку получишь координат" onclick="getCoordinates()"> </body> </html>
Ответить
начнем с самого простого, когда открыли страницу, т.е. <html> после нее указывается два контейнера хеад и боди, а у вас почему то скрипт?! Поэтому правильней будет сделать так. <html> <head> <script> function getCoordinates() { navigator.geolocation.getCurrentPosition(showCoordinates); } function showCoordinates(position) { document.write("Широта: " +position.coords.latitude "<br/>"); document.write("Долгота: "+position.coords.longitude); } </script> </head> <body> <input type="button" value="Нажми на кнопку получишь координат" onclick="getCoordinates()"> </body> </html>
Ответить
Если писать код в XHTML 1.1 то HTML 5 использовать нельзя если добиваешься валидности? Я нашел таблицу валидация тегов, в которой теги HTML 5 запрещены для XHTML 1.1
Ответить
Хорошие грамотные статьи! Спасибо! Весь сайт сам сделал на html5. https://boost-shop.ru
Ответить
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.