Why HTML5?

Posted on by

I was recently asked to qualify why I had “upgraded” a website to utilise HTML5. All I had actually done was throw in a few semantic tags where it seemed appropriate and remove some unnecessary attributes. The client was concerned that the spec wasn’t complete and even suggested using HTML5 tags with an XHTML strict doctype. This was my response:

The HTML5 specification is different to your typical software specification. The W3C is no innovator: it does not lay down rules for browser vendors to follow. Vendors lead the way and their technology ideas are ultimately accepted, rejected, or tweaked to become part of the W3C specification. It’s highly unlikely the HTML5 specification will ever be fully complete. The only point when it could happen is when vendors and the W3C draw a line in the sand and move onto HTML6 (or whatever they name the next standard). If you wait for the final HTML5 specification, you’ll miss out.

http://blogs.sitepoint.com/2010/07/20/5-reasons-why-you-can-use-html5-today/

To say it’ll never be complete is a little pessimistic. Some experts in the industry believe it could be complete as soon as 2012. You get the idea though.

In terms of what the site is doing with HTML5 we’re not actually leveraging much of what HTML5 has to offer. Firstly we’re saving bandwidth by omitting attributes that all browsers already assume default values for, like the script type=”text/javascript” and stylesheet type=”text/css” attributes. Not to mention the new doctype, which is completely backwards compatible with existing doctypes in that it invokes standards mode in all browsers. Actually, in terms of your website it would be better to use a HTML5 doctype than an XHTML strict doctype, since the page is being served as text/html content-type by Apache, which is incorrect – the correct content-type for XHTML documents being application/xhtml+xml.

The second, and only other feature of HTML5 we’re actually using is semantic tags (http://bit.ly/1CzNqy). These allow us to create a document that is more accessible, in terms of search engine optimisation and for use of assistive technologies like screen readers. By using semantic tags instead of generic containers such as the div tag, our document is easier to understand when viewed by tools that don’t “see” page styles i.e. the design and layout of the page. For example, if your business name is within a paragraph tag it is likely to get lost in other content and not be returned in search engine results. But if you put it within a heading 1 tag, search robots know to give it more importance. Obviously this example doesn’t involve any HTML5 tags, but you should easily be able to see how the same principle can be applied to the new HTML5 elements, and how this principle will gain more and more importance as HTML5 becomes more widely adopted.

…and that is really the idea behind HTML5, everything that is being proposed, is being done so in a) a backwards compatible way and b) to cement features that already exist in one form or another. Pragmatically, that is what makes it viable to use features of HTML5 right now. Most existing browsers treat unknown tags as a generic HTML inline element and they can be styled to suit purpose.

Your one and only concern should be that there is a bug in IE 6, 7 and 8 that means they don’t recognise HTML5 tags. Fortunately there is a workaround, although it requires JavaScript to be enabled. If your visitor is using IE, without JavaScript enabled, your site will look differently to how it would normally look. It won’t make the site inaccessible, but some stylistic properties won’t be applied to page elements, so the page will appear a bit more like a text document than a website. Globally, I’ve seen stats showing that between 0.4% and 7% of browsers have JavaScript turned OFF. Potentially a very small percentage of your web traffic – which will probably be even less considering it only effects IE users, but it depends on your audience. Check your webstats and make a judgement call. For the majority of the time, the benefits outweigh the cost of supporting the fringe cases and I would recommend using HTML5 on your website now, as I have done for a number of clients I have worked with recently.

99 thoughts on “Why HTML5?”

  1. Хоккей кхл Ставки на футбол – это король спорта самая популярная игра в мире объект страсти миллиардов болельщиков и источник дохода для миллионов игроков. Футбол предлагает бесчисленное количество ставок: от исхода матча до количества угловых и желтых карточек.

  2. Клиндо Клиндо – это синоним качества и надежности в мире клининга.

  4. Хоккей нхл Прогнозы на хоккей – это попытка заглянуть в будущее ледовой баталии. Это анализ статистики учет травм и дисквалификаций оценка мотивации команд и многое другое. Помните что прогноз – это не гарантия а лишь вероятность.

  5. Avia Masters de BGaming es un juego crash con RTP del 97 donde apuestas desde 010€ hasta 1.000€ controlas la velocidad de vuelo de un avion que recoge multiplicadores hasta x250 mientras evita cohetes que reducen ganancias a la mitad con el objetivo de aterrizar exitosamente en un portaaviones para cobrar el premio acumulado https://share.google/zhKUeBGa0SN6MMOnr

  6. Avia Masters de BGaming es un juego crash con RTP del 97 donde apuestas desde 010€ hasta 1.000€ controlas la velocidad de vuelo de un avion que recoge multiplicadores hasta x250 mientras evita cohetes que reducen ganancias a la mitad con el objetivo de aterrizar exitosamente en un portaaviones para cobrar el premio acumulado https://share.google/99wTKc0WMvjkkTU3D

  12. Live streams golvar.com.az/ and live matches online including the latest football schedule for today. Follow games in real time find out dates start times and key events of football tournaments.

  14. 夜班医生第四季高清完整官方版，海外华人可免费观看最新热播剧集。

  15. El corazГіn del juego de AviaMasters es su mecГЎnica de vuelo Гєnica. A diferencia de los demГЎs tГ­tulos del gГ©nero aquГ­ mГЎs allГЎ de mirar sino que tambiГ©n experimentas la emociГіn de cada elecciГіn. https://aviamasters.nom.es/

  19. игровые автоматы деньги за регистрацию без депозита

  21. Лучше заходить на кракен маркет зеркало официальное чтобы избежать фишинга

  22. Интернет-магазин химических реактивов https://magazinreactivov.ru для учебных научных и производственных задач. В каталоге — реактивы разных классов чистоты расходные материалы и сопутствующие товары. Помогаем подобрать позиции под вашу задачу предоставляем документы. Удобный заказ онлайн актуальные цены и наличие доставка по России.

  24. изумрудный бассейн в краби на карте краби или самуи где лучше отдыхать

  26. Играешь в казино? bollywood online красочный игровой автомат с бонусами фриспинами и высокими выигрышами. Доступно бесплатно или на реальные деньги поддержка мобильных устройств.

  27. Ищешь казино? казино клубника онлайн играйте онлайн в игровые автоматы и live-казино. Бонусные предложения демо-режим мобильная версия и круглосуточный доступ к азартным играм без установки.

  28. Лушчее онлайн казино сайт казино пинко слоты live-казино и бонусные функции. Доступ с любых устройств понятный интерфейс и возможность выбрать бесплатный или реальный режим игры.

  29. Лучшее онлайн казино pinco сайт слоты live-казино и бонусные функции. Доступ с любых устройств понятный интерфейс и возможность выбрать бесплатный или реальный режим игры.

  30. Играть онлайн пинко казино официальный сайт онлайн игровые автоматы live-казино и бонусы для новых игроков. Удобный интерфейс доступ с телефона и ПК возможность играть бесплатно или на реальные ставки.

  31. Играть в казино 1 вин казино лоты live-столы и бонусные функции. Подходит для новичков и опытных игроков доступно бесплатно и на реальные деньги 24/7.

  32. Казино онлайн рейтинг топ 5 онлайн казино по выплатам играйте онлайн в яркие слоты и live-казино. Динамичный игровой процесс бонусные раунды и возможность начать игру за пару кликов с телефона или компьютера.

  33. Лучшее онлайн казино топ казино на деньги играйте в слоты и live-казино с телефона или ПК. Адаптивный интерфейс быстрый запуск игр и доступ к развлечениям в любое время.

  34. Залетай в казино бесплатная игра клубника быстрый доступ к слотам live-играм и настольным развлечениям. Удобная навигация запуск без установки и поддержка мобильных устройств.

  35. Топовое онлайн казино casino retro new играть онлайн с телефона или ПК. Слоты и live-игры адаптивный интерфейс и стабильный запуск без скачивания приложений.

  36. Топовое онлайн казино слот Columbus онлайн-слоты и live-казино в одном месте. Разные режимы игры поддержка мобильных устройств и удобный старт без установки.

  39. Сдвижное зеркало на стену Зеркало трюмо: элегантное и удобное зеркало для создания макияжа и прически.

  41. дизайн комнат в доме фото дизайн проект коттеджа

  42. дизайн коттеджа внутри фото дизайн коттеджа

  44. Zip пакеты Зип пакеты купить в Москве – это решение для тех кто ищет удобный и надежный способ упаковки и хранения. В огромном мегаполисе где логистика и эффективность ценятся превыше всего зип пакеты становятся незаменимым инструментом как для бизнеса так и для частных лиц. Они идеально подходят для фасовки мелких товаров хранения продуктов питания организации документов и множества других задач. Ищете где купить зип пакеты в Москве? Выбор огромен но важно найти надежного поставщика предлагающего качественную продукцию по выгодной цене.

  46. Зеркало поворотное большое Зеркало трюмо: классическое зеркало трюмо для создания уютного уголка красоты.

  47. дизайн прихожей в квартире дизайн двухкомнатных квартир 40 кв м

  48. дизайн маленькой квартиры дизайн интерьера 2 комнатной

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>