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,204 thoughts on “Why HTML5?”

  1. Today while I was at work my sister stole my iPad and tested to see if it can survive a forty foot drop just so she can be a youtube sensation. My apple ipad is now broken and she has 83 views. I know this is entirely off topic but I had to share it with someone Starburst

  4. готовый комплект ip видеонаблюдения комплект видеонаблюдения уличный

  7. Aw this was an extremely nice post. Taking a few minutes and actual effort to produce a good article… but what can I say… I procrastinate a whole lot and dont seem to get nearly anything done. Wolf Gold

  8. Today while I was at work my cousin stole my apple ipad and tested to see if it can survive a 30 foot drop just so she can be a youtube sensation. My apple ipad is now destroyed and she has 83 views. I know this is entirely off topic but I had to share it with someone Starburst

  9. Can you tell us more about this? Id like to find out more details. Starburst

  10. эстетическая стоматология стоматология москва

  12. дизайнерские бра на стену дизайнерские светильники овальные

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

  16. Pretty This has been a really wonderful post. Many thanks for providing this information. Jokers Jewels Wild

  18. Whats up mates how is everything and what you desire to say regarding this paragraph in my view its really remarkable in favor of me. Wolf Gold

  19. Just want to say your article is as amazing. The clearness in your post is just nice and i can assume youre an expert on this subject. Well with your permission let me to grab your RSS feed to keep updated with forthcoming post. Thanks a million and please keep up the gratifying work. Sweet Bonanza

  20. Nice post. I learn something totally new and challenging on blogs I stumbleupon every day. It will always be interesting to read through articles from other writers and use something from their websites. Sweet Rush Bonanza

  21. Hi colleagues how is the whole thing and what you wish for to say on the topic of this post in my view its genuinely amazing designed for me. Hot to Burn Multiplier

  22. стоматология лечение стоматология москва

  28. This website certainly has all of the information and facts I wanted concerning this subject and didnt know who to ask. Xxx video onlyfans sex video site

  30. Подборка шаблонов юридических документов для бизнеса и частных лиц: договоры, заявления, соглашения и иные формы. Переходите по запросу скачать правовые документы бесплатно. Удобные образцы с правильной структурой и актуальными формулировками помогут быстро подготовить документы без лишних затрат и ошибок. Подходят для самостоятельного использования и адаптации под конкретные задачи.

  31. For latest information you have to visit the web and on internet I found this website as a best web page for most recent updates. adult xxx video porn site xxx sex video

  32. Откройте для себя скрытые страницы истории и малоизвестные научные открытия, которые оказали колоссальное влияние на развитие человечества. Статья предлагает свежий взгляд на события, которые заслуживают большего внимания.
    Как достичь результата? – снятие интоксикации на дому

  33. Hi there I would like to subscribe for this website to get latest updates so where can i do it please help out. 在线购买他达拉非片用于肛交XXX色情

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

  35. Thank you for any other informative website. The place else could I am getting that type of info written in such a perfect manner? I have a undertaking that Im just now running on and I have been on the glance out for such info. Watch sexual porno video xxx sex adults site

  36. В этой заметке мы представляем шаги которые помогут в процессе преодоления зависимостей. Рассматриваются стратегии поддержки и чек-листы для тех кто хочет сделать первый шаг к выздоровлению. Наша цель — вдохновить читателей на положительные изменения и поддержать их в трудных моментах. Расширить кругозор по теме – вызов врача нарколога на дом москва недорого

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

  38. свадьба под ключ заказ свадьбы москва

  39. В этой статье мы говорим о важности поддержки в процессе выздоровления. Рассматриваются семьи группы поддержки специалисты и онлайн-ресурсы которые могут сыграть решающую роль в избавлении от зависимости. Уточнить детали – нарколог на дом анонимно москва

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

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

  46. Эта статья погружает вас в увлекательный мир знаний, где каждый факт становится открытием. Мы расскажем о ключевых исторических поворотных моментах и научных прорывах, которые изменили ход цивилизации. Поймите, как прошлое формирует настоящее и как его уроки могут помочь нам строить будущее.
    Хочешь знать всё? – вызвать капельницу от запоя

  48. Срочные деньги https://buhgalter-uslugi-moskva.ru минимум документов быстрое рассмотрение заявки и перевод средств напрямую на банковскую карту. Удобный способ получить деньги срочно на любые цели без посещения офиса и длительных проверок.

  49. Научно-технический журнал https://www.stankoinstrument.su о станкоинструментальной отрасли. В издании рассматриваются современные технологии машиностроения развитие оборудования инструментов и производственных систем. Публикуются исследования учёных опыт предприятий и решения для повышения эффективности промышленности.

  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>