Тематические статьи →

HTML5 — новая версия стандарта

HTML — это язык для струк­ту­ри­ро­ва­ния и пред­став­ле­ния содер­жи­мо­го, HTML5 (HyperText Markup Language, version 5) — это пятая вер­сия стан­дар­та, кото­рая ещё нахо­дится в раз­ра­бот­ке, но уже явля­ется вполне рабо­чей. Цель раз­ра­ботки HTML5 — улуч­ше­ние уровня под­держки муль­ти­ме­диа-тех­но­ло­гий при сохра­не­нии удо­бо­чи­та­е­мо­сти кода для чело­века и про­стоты ана­лиза для пар­се­ров (в част­но­сти, поис­ко­вых систем).

HTML5 был создан, как еди­ный язык раз­мет­ки, кото­рый рас­ши­ря­ет, улуч­шает и раци­о­на­ли­зи­рует раз­метку доку­мен­тов, а также добав­ляет еди­ное API для слож­ных веб-приложений. В HTML5 реа­ли­зо­вано мно­же­ство новых син­так­си­че­ских осо­бен­но­стей: напри­мер, эле­менты <video>, <audio> и <canvas>, а также воз­мож­ность исполь­зо­ва­ния SVG и мате­ма­ти­че­ских фор­мул. Все эти нов­ше­ства раз­ра­бо­таны для упро­ще­ния созда­ния и управ­ле­ния гра­фи­че­скими и муль­ти­ме­дий­ными объ­ек­тами без необ­хо­ди­мо­сти исполь­зо­ва­ния сто­рон­них API. Дру­гие новые эле­менты, такие как <section>, <article>, <header> и <nav>, раз­ра­бо­таны для того, чтобы сде­лать веб-стра­ницы более семантичными и понят­ными для авто­ма­ти­зи­ро­ван­ной обра­ботки (робо­тами поис­ко­вых систем, про­грам­мами для чте­ния с экрана и дру­гими). Новые атри­буты были вве­дены с той же целью. HTML5 также опре­де­ляет неко­то­рые осо­бен­но­сти обра­ботки оши­бок вёрст­ки, поэтому всеми сов­ме­сти­мыми (совре­мен­ными) бра­у­зерами синтаксические ошибки должны рас­смат­ри­ваться оди­на­ко­во, что обес­пе­чи­вает более высокую кроссбраузерность для сай­тов, кото­рые раз­ра­бо­таны на HTML5.

Новое в HTML5:

  • <nav> (блок нави­га­ции по сайту)
  • <header> (кон­тей­нер для заго­лов­ков)
  • <footer> (обычно отно­сится к ниж­ней части стра­ницы)
  • <audio> и <video> (меди­а­кон­тент)
  • <article> (кон­тей­нер для основ­ного содер­жа­ния)
  • <section> (раз­делы стра­ницы)
  • <aside> (кон­тей­нер для допол­ни­тель­ного содер­жа­ния, сно­сок)
  • <datalist> (выпа­да­ю­щий спи­сок)
  • <details> (спой­лер)
  • <figure> (груп­пи­ровка эле­мен­тов)
  • <progress> (шкала про­гресса выпол­не­ния)
  • <time> (дата/время)
  • <canvas> (холст для непо­сред­ствен­ного метода рисо­ва­ния в 2D)
  • API для кон­троля над про­иг­ры­ва­нием медиа­фай­лов
  • хра­не­ние баз дан­ных оффлайн на сто­роне кли­ента
  • Drag-and-Drop API (пере­тас­ки­ва­ние)
  • History API (управ­ле­ние исто­рией бра­у­зера)
  • гео­ло­ка­ция

В насто­я­щий момент все веду­щие бра­у­зеры под­дер­жи­вают новый стандарт: Google Chrome, Mozilla Firefox, Opera и даже Internet Explorer (начи­ная с вер­сии 9) имеют под­держку html5.

Поделитесь с друзьями:


Информация о публикации:

Материал опубликован в 2014 году. Эта статья о веб-разработке, о веб-технологиях и про фронтенд-разработку. При пере­пуб­ли­ка­ции обя­за­тельно ука­за­ние пер­во­ис­точ­ника в виде гипер­тек­сто­вой ссылки на сайт web-creator.ru

Воспользуйтесь нашими
знаниями и опытом

Отправьте нам сообщение при помощи формы. Или напишите на e-mail s@web-creator.ru

Мы максимально оперативно ответим Вам по электронной почте или перезвоним.

При отправке сообщения через форму, укажите пожалуйста предпочтительный способ связи с Вами: телефон или адрес электронной почты. Мы сможем ответить Вам подробнее, если Вы напишете что-то о запланированном проекте или предполагаемых задачах.

Либо просто позвоните нам по номеру: +7 495 215-1501

Мы работаем по будним дням с 10 до 19 часов.

Комплексные услуги

Реализация «под ключ» проектов по созданию различных видов сайтов, разработка веб-приложений для автоматизации бизнес-процессов, ведение контекстных и медийных рекламных кампаний, поисковое продвижение, комплексная поддержка веб-проектов, консалтинговые услуги.