2009-12-30 10 views
3

Я видел HTML 5 в ближайшем будущем. Чем он отличается от HTML 4, который так много лет находится в веб-разработке?Как HTML 5 отличается от HTML 4?

благодаря

+8

не быть «что парень», но вы даже пытаться искать ответ? Ответ на ваш заголовок дает ответ. –

+2

@ Джонатан Хедборг: Вам не хватает точки переполнения стека - вопросы не слишком глупы. Это база данных вопросов для каждого программиста - не только экспертов. И чаще всего; глупые вопросы! = глупые ответы. – roosteronacid

+5

Я не согласен. Всегда хорошо, по крайней мере, сначала попытаться найти информацию самостоятельно. Всегда. Если не по каким-либо причинам, кроме как узнать КАК найти информацию самостоятельно ... Я не думаю, что идея stackOverflow - сделать людей ленивыми. –

ответ

9

Вообще говоря, существует четыре основных направления изменения:

  • Семантическая разметка, в том числе следующие теги:

    <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

+0

это отличная книга с приятной визуальной эстетикой – Anurag

1

Если вы не решаетесь прочитать тысячи страниц спецификации HTML5, посмотрите на this article. Это даст вам хороший обзор того, что такое HTML5, и объясняет, как вы можете использовать HTML5 прямо сейчас, поскольку большинство браузеров A-grade фактически поддерживают большинство новых лакомств; как новые HTML-элементы и встроенное видео/аудио.

+0

Вы несколько преувеличиваете. Спецификация составляет всего 660 страниц. – Ms2ger

+0

@rooster Страница не найдена ... – Pacerier

11

Рассмотрим эти изображения (от 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

Это просто пример, посмотрите на другие комментарии для статей об этой теме

+0

Значит ли это, что мы можем указать произвольные теги? –

+1

@Alix Axel: Нет. Есть только новые, более смысловые HTML-элементы, с которыми можно поиграть. – roosteronacid

+0

Нет, невозможно указать произвольные теги; эти теги являются только новыми тегами: http://www.w3schools.com/html5/html5_reference.asp – Harmen