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

  3. продвижение раскрутка сайта москва александр продвижение раскрутка сайта москва александр

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

  7. «НОВЫЙ НАРКОЛОГ» в СПб — это профессиональная наркология где лечение зависимости строится на комплексном подходе. Пациентам доступны детоксикационные процедуры медикаментозная поддержка и психотерапевтическое сопровождение. Внимание к безопасности и постоянный контроль состояния помогают пройти лечение максимально предсказуемо. Получить дополнительную информацию – депрессия от наркотиков

  8. заказать сео продвижение сайта москва оставить заявку заказать сео продвижение сайта москва оставить заявку

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

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

  11. продвижение сайта для крупного бизнеса продвижение сайта для крупного бизнеса

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

  13. интернет агентство продвижение сайтов сео интернет агентство продвижение сайтов сео

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

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

  21. seo продвижение раскрутка сайтов москва seo продвижение раскрутка сайтов москва

  22. сео продвижение и раскрутка сайтов в москве сео продвижение и раскрутка сайтов в москве

  23. Its awesome to pay a visit this web page and reading the views of all colleagues on the topic of this paragraph while I am also keen of getting experience. no deposit bonus

  24. I used to be able to find good info from your blog posts. free spins no deposit

  27. заказать кухню по индивидуальному проекту заказать кухню по индивидуальному проекту

  31. Professional service how to appeal facebook monetization suspension specializes in accounts optimized for paid campaigns with proper warming history and platform trust markers. The team provides onboarding guidance for new buyers and ongoing operational support for teams managing high-volume campaign portfolios. Professional media buying starts with professional tools — source from a marketplace built by advertisers for advertisers.

  32. Trusted platform how to buy reddit account with karma offers premium accounts with verified quality complete credentials and instant automated delivery. Detailed usage guides help buyers understand the differences between softreg selfreg farmed and reinstated account types before purchasing. Whether you need accounts for testing or production campaigns the catalog covers every tier from entry-level to premium.

  33. Reliable source gmail account buy connects advertisers with thoroughly vetted profiles backed by replacement guarantees and dedicated support. The platform combines speed and reliability — most products are delivered automatically within minutes after payment confirmation. Competitive pricing fast delivery and professional support make this a preferred choice for serious media buyers.

  34. Its like you read my mind You seem to know a lot about this like you wrote the book in it or something. I think that you can do with some pics to drive the message home a little bit but other than that this is wonderful blog. A great read. Ill certainly be back. free spins no deposit

  35. Калибровочные гири M1 для весов нужного класса точности и номинальной массы для калибровки весов.
    В нашей компании можно купить калибровочные гири M1 массой от 1 кг до 2000 кг.
    Предлагаем гири класса M1 для торговых, складских, производственных и технических весов.

  36. Эта информационная статья содержит полезные факты советы и рекомендации которые помогут вам быть в курсе последних тенденций и изменений в выбранной области. Материал составлен так чтобы быть полезным и понятным каждому. Практические советы ждут тебя – врач нарколог воронеж

  37. Hi there to every for the reason that I am actually eager of reading this websites post to be updated daily. It carries good data. free spins no deposit

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

  39. Experienced supplier facebook business manager accounts offers complete asset packages including login credentials recovery access 2FA codes cookies and user-agent data. Transparent replacement policy covers the first-login window and ensures buyers receive exactly what is described on the product card. From first purchase to ongoing scaling the platform supports every stage of a media buyers operational journey.

  40. Reliable source buy bulk instagram account connects advertisers with thoroughly vetted profiles backed by replacement guarantees and dedicated support. Every account goes through rigorous testing for login stability platform trust signals and checkpoint clearance before being listed in the catalog. Invest in verified account infrastructure and redirect the time saved from troubleshooting into actual campaign optimization work.

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

  42. Im not sure why but this website is loading incredibly slow for me. Is anyone else having this issue or is it a problem on my end? Ill check back later and see if the problem still exists. no deposit bonus

  43. Expert-level shop gmail farmer antiban combines automated delivery with manual verification to ensure every account meets strict quality benchmarks. The knowledge base includes working guides for account warming ad launch protocols and reinstatement check procedures for reference. Whether you need accounts for testing or production campaigns the catalog covers every tier from entry-level to premium.

  44. I was able to find good information from your content. no deposit bonus

  45. Reputable service google ads mcc account publishes detailed product cards showing account age verification status included assets and exact pricing tiers. Every account goes through rigorous testing for login stability platform trust signals and checkpoint clearance before being listed in the catalog. Teams that prioritize account quality over raw volume consistently achieve better ROI and fewer campaign interruptions.

  46. - поставить капельницу на дому цена екатеринбург

  47. Этот информативный текст отличается привлекательным содержанием и актуальными данными. Мы предлагаем читателям взглянуть на привычные вещи под новым углом предоставляя интересный и доступный материал. Получите удовольствие от чтения и расширьте кругозор Лови подробности – нарколог капельницу на дому

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

  49. Магазин бытовой химии https://bytovaya-sfera.ru большой выбор средств для уборки стирки и ухода за домом. Качественная продукция доступные цены и быстрая доставка

  50. Срочный онлайн займ взять займ 1000 рублей быстрое решение финансовых вопросов. Оформление за несколько минут высокий шанс одобрения и перевод денег на карту без лишних документов

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>