Я видел HTML 5 в ближайшем будущем. Чем он отличается от HTML 4, который так много лет находится в веб-разработке?Как HTML 5 отличается от HTML 4?
благодаря
Я видел HTML 5 в ближайшем будущем. Чем он отличается от HTML 4, который так много лет находится в веб-разработке?Как HTML 5 отличается от HTML 4?
благодаря
Вообще говоря, существует четыре основных направления изменения:
Семантическая разметка, в том числе следующие теги:
<section>
<article>
<header>
<footer>
<nav>
<aside>
<hgroup>
Это также охватывает изменения тегами <doctype>
, <html>
и <meta>
, а также ссылку отношения (атрибут отн на <a>
тега).
Улучшенная поддержка формы - в основном семантические дополнения к типам ввода, а также несколько аккуратных вещей, таких как автофокус поля и текст заполнителя.
Мультимедиа - <video>
, <audio>
и <canvas>
. <video>
и <audio>
предназначены для улучшения поддержки встроенных носителей на странице; <canvas>
предназначен для двумерного двумерного рисования на странице с помощью JavaScript.
Изменения в DOM, которые только доступны через JS - navigator.geolocation
, window.localStorage
(хранение пользователей в автономном режиме данных), window.applicationCache
(сохранение в автономном режиме приложение данных), веб-рабочие (многопоточный JavaScript, с некоторыми оговорками)
Различные части HTML находятся на разных этапах спецификации и реализации - изменения формы плохо поддерживаются вне Safari, тэг <video>
в основном непригоден для кросс-платформенной среды (без нескольких видеоформатов), а IE имеет встроенную поддержку для почти ни одного из этих изменений.
Лучшее место, чтобы читать на HTML5, что я видел это отличная книга Марк Пилгрим продолжается, Dive into HTML5
это отличная книга с приятной визуальной эстетикой – Anurag
Если вы не решаетесь прочитать тысячи страниц спецификации HTML5, посмотрите на this article. Это даст вам хороший обзор того, что такое HTML5, и объясняет, как вы можете использовать HTML5 прямо сейчас, поскольку большинство браузеров A-grade фактически поддерживают большинство новых лакомств; как новые HTML-элементы и встроенное видео/аудио.
Рассмотрим эти изображения (от www.alistapart.com), структура страницы является чрезвычайно различны:
html4
HTML4 http://www.alistapart.com/d/previewofhtml5/structure-div.gif
HTML5
HTML5 http://www.alistapart.com/d/previewofhtml5/structure-html5.gif
Это просто пример, посмотрите на другие комментарии для статей об этой теме
Значит ли это, что мы можем указать произвольные теги? –
@Alix Axel: Нет. Есть только новые, более смысловые HTML-элементы, с которыми можно поиграть. – roosteronacid
Нет, невозможно указать произвольные теги; эти теги являются только новыми тегами: http://www.w3schools.com/html5/html5_reference.asp – Harmen
не быть «что парень», но вы даже пытаться искать ответ? Ответ на ваш заголовок дает ответ. –
@ Джонатан Хедборг: Вам не хватает точки переполнения стека - вопросы не слишком глупы. Это база данных вопросов для каждого программиста - не только экспертов. И чаще всего; глупые вопросы! = глупые ответы. – roosteronacid
Я не согласен. Всегда хорошо, по крайней мере, сначала попытаться найти информацию самостоятельно. Всегда. Если не по каким-либо причинам, кроме как узнать КАК найти информацию самостоятельно ... Я не думаю, что идея stackOverflow - сделать людей ленивыми. –