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.

2,205 thoughts on “Why HTML5?”

  1. шкаф на заказ от производителя изготовление шкафов на заказ

  2. Its amazing to visit this web page and reading the views of all colleagues on the topic of this post while I am also keen of getting knowledge. tada gaming slots

  3. Remarkable issues here. I am very happy to see your article. Thank you so much and I am having a look forward to touch you. Will you please drop me a e-mail? tada gaming slots

  6. Right here is the right site for anyone who wishes to find out about this topic. You realize a whole lot its almost tough to argue with you not that I personally would want to…HaHa. You certainly put a new spin on a subject which has been written about for decades. Great stuff just great tada gaming games

  7. Hi I know this is kinda off topic however Id figured Id ask. Would you be interested in trading links or maybe guest authoring a blog article or vice-versa? My blog discusses a lot of the same subjects as yours and I feel we could greatly benefit from each other. If you are interested feel free to send me an e-mail. I look forward to hearing from you Excellent blog by the way Big Bass Floats My Boat

  8. Эта статья сочетает познавательный и занимательный контент, что делает ее идеальной для любителей глубоких исследований. Мы рассмотрим увлекательные аспекты различных тем и предоставим вам новые знания, которые могут оказаться полезными в будущем.
    Выяснить больше – вывод из запоя дешево

  9. Эта информационная заметка предлагает лаконичное и четкое освещение актуальных вопросов. Здесь вы найдете ключевые факты и основную информацию по теме, которые помогут вам сформировать собственное мнение и повысить уровень осведомленности.
    Изучить аспект более тщательно – вывод из запоя воронеж на дому

  11. В этой статье представлен занимательный и актуальный контент, который заставит вас задуматься. Мы обсуждаем насущные вопросы и проблемы, а также освещаем истории, которые вдохновляют на действия и изменения. Узнайте, что стоит за событиями нашего времени!
    Желаете узнать подробности? – помощь вывода запоя

  13. Этот информационный обзор станет отличным путеводителем по актуальным темам, объединяющим важные факты и мнения экспертов. Мы исследуем ключевые идеи и представляем их в доступной форме для более глубокого понимания. Читайте, чтобы оставаться в курсе событий!
    Раскрыть тему полностью – капельница от запоя на дому недорого

  14. Публикация приглашает вас исследовать неизведанное — от древних тайн до современных достижений науки. Вы узнаете, как случайные находки превращались в революции, а смелые мысли — в новые эры человеческого прогресса.
    Это стоит прочитать полностью – вызвать капельницу от запоя на дому

  15. В этом интересном тексте собраны обширные сведения, которые помогут вам понять различные аспекты обсуждаемой темы. Мы разбираем детали и факты, делая акцент на важности каждого элемента. Не упустите возможность расширить свои знания и взглянуть на мир по-новому!
    А что дальше? – вывод из запоя на дому воронеж цены

  17. This is very interesting Youre a very skilled blogger. I have joined your rss feed and look forward to seeking more of your great post. Also I have shared your site in my social networks Candy Blitz Bombs

  18. Эта публикация завернет вас в вихрь увлекательного контента, сбрасывая стереотипы и открывая двери к новым идеям. Каждый абзац станет для вас открытием, полным ярких примеров и впечатляющих достижений. Подготовьтесь быть вовлеченными и удивленными каждый раз, когда продолжите читать.
    Ознакомиться с деталями – прокапаться анонимно

  19. Нужна бесплатная юридическая консультация? Переходите по запросу юридическая консультация в Ростовской области и получите помощь опытного юриста по любым правовым вопросам: семейные споры, долги, недвижимость, трудовые конфликты, защита прав потребителей и многое другое. Задайте вопрос онлайн или по телефону и получите подробный разбор вашей ситуации и рекомендации по дальнейшим действиям. Консультация проводится бесплатно и конфиденциально.

  20. Thank you for the good writeup. It in truth was once a amusement account it. Look complicated to far introduced agreeable from you However how could we communicate? Inca Queen

  21. I appreciate result in I found exactly what I used to be taking a look for. Youve ended my 4 day lengthy hunt God Bless you man. Have a nice day. Bye Candy Blitz Bombs

  22. В обзорной статье вы найдете собрание важных фактов и аналитики по самым разнообразным темам. Мы рассматриваем как современные исследования, так и исторические контексты, чтобы вы могли получить полное представление о предмете. Погрузитесь в мир знаний и сделайте шаг к пониманию!
    Это стоит прочитать полностью – вывод из запоя самара на дому

  23. Wow superb blog layout How long have you been blogging for? you made blogging look easy. The overall look of your web site is great let alone the content Sugar Rush 1000

  25. В этой статье представлен занимательный и актуальный контент, который заставит вас задуматься. Мы обсуждаем насущные вопросы и проблемы, а также освещаем истории, которые вдохновляют на действия и изменения. Узнайте, что стоит за событиями нашего времени!
    Есть чему поучиться – сколько стоит капельница на дому

  27. Valuable information. Fortunate me I found your website by accident and I am stunned why this twist of fate didnt came about in advance I bookmarked it. Sugar Rush 1000

  29. An impressive share Ive just forwarded this onto a coworker who has been conducting a little research on this. And he actually bought me dinner because I found it for him… lol. So let me reword this…. Thank YOU for the meal But yeah thanks for spending time to talk about this matter here on your blog. The Dog House Megaways

  30. This web site really has all the information and facts I needed concerning this subject and didnt know who to ask. Triple Pot Diamond

  31. Good day I am so grateful I found your webpage I really found you by mistake while I was searching on Yahoo for something else Anyways I am here now and would just like to say thanks for a fantastic post and a all round interesting blog I also love the theme/design I don’t have time to browse it all at the moment but I have saved it and also added your RSS feeds so when I have time I will be back to read more Please do keep up the excellent b. Idol Pop Fever

  32. Этот текст призван помочь читателю расширить кругозор и получить практические знания. Мы используем простой язык, наглядные примеры и структурированное изложение, чтобы сделать обучение максимально эффективным и увлекательным.
    Детальнее – прокапаться на дому от алкоголя цена

  33. Нужна стальная лента? лента бандажная оцинкованная широкий ассортимент разные толщины и марки стали. Выгодные цены быстрая отгрузка и поставки для производства и строительства

  34. Whats up mates fastidious piece of writing and good arguments commented at this place I am truly enjoying by these. Candy Blitz Bombs

  35. Appreciating the dedication you put into your blog and in depth information you provide. Its good to come across a blog every once in a while that isnt the same out of date rehashed information. Great read Ive bookmarked your site and Im adding your RSS feeds to my Google account. Sugar Rush 1000

  36. Attractive section of content. I just stumbled upon your blog and in accession capital to assert that I get in fact enjoyed account your blog posts. Any way Ill be subscribing to your feeds and even I achievement you access consistently rapidly. Gates of Olympus Super Scatter

  39. Нужна стальная лента? бандажная лента для столбов широкий ассортимент разные толщины и марки стали. Выгодные цены быстрая отгрузка и поставки для производства и строительства

  40. Нужна бесплатная юридическая консультация? Переходите по запросу юридическая консультация онлайн круглосуточно в Екатеринбурге и получите помощь опытного юриста по любым правовым вопросам: семейные споры, долги, недвижимость, трудовые конфликты, защита прав потребителей и многое другое. Задайте вопрос онлайн или по телефону и получите подробный разбор вашей ситуации и рекомендации по дальнейшим действиям. Консультация проводится бесплатно и конфиденциально.

  42. Читайте найсвіжіші новини https://vikka.net ексклюзивні відео аналітику та цікаві історії. Оперативна інформація щодня

  47. Міський портал Ваш провідник у житті Кривого Рогу: афіша новини довідник та корисні сервіси для мешканців та туристів

  49. сериалы сезон бесплатно смотреть сверхъестественное 10 сезон

  50. онлайн сериал сезон смотреть сериал сверхъестественное

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>