HTML5 is the fifth revision of and currently the latest version of HTML (HyperText Markup Language). The fifth revision of HTML introduced many new syntactic features such as video, audio, canvas as well as section and article to name a few, with which the content of websites may be better ...
66
votes
9answers
5k views
So now Google has said no to old browsers when can the rest of us follow suit?
Google recently announced that they will no longer support older browsers on Aug 1st:
For this reason, soon Google Apps will only support modern browsers. Beginning August 1st, we’ll support the ...
23
votes
4answers
911 views
What are the SEO rules for HTML 5?
What are the rules of engagement with respect to SEO in HTML 5?
Examples of things we have been mulling over with no conclusion:
Are you penalised for not using <head> and <body> tags?
...
20
votes
10answers
1k views
What is new in HTML5/CSS3?
I've seen this site and this site, but that's a lot to digest. What are the main things about HTML5 that make it different/better than regular old (X)HTML/CSS?
16
votes
9answers
688 views
Technical website - Should I assume that my visitors will use a modern browser?
I am in the process of creating my own website, which will include a technical blog. I want to build my website using modern technologies such as HTML5 and CSS3.
Since my website will be targetted ...
15
votes
4answers
3k views
Overuse of H1 was bad, but now, with HTML5?
we know that the overuse of H1 will penalize sites (over-optimization penalty)
this was a proven fact, but now, in HTML 5 is allowed to use multiple H1 in the same page (inside nested sections).
SO ...
14
votes
8answers
3k views
Should I use HTML5 and/or CSS3 to build my website?
The new HTML5/CSS3 (Web8!) stuff sounds cool! Should I start using it now or stick with css/xhtml wait until more browsers can use it?
12
votes
6answers
3k views
Which tool can tidy/indent HTML5?
I've already spent about 2 hours searching google and trying various tools but either they don't do indent tags per say or they aren't HTML5 compatible such as the famous HTML tidy which was last ...
10
votes
8answers
490 views
Has the time arrived to forget Flash and Use HTML5?
As I read in HTML5 definition it can do anything that Flash can do! and I ask myself is it right to waste my time to learn flash or should I learn HTML5 instead.
Does HTML5 Beat Flash in the future?
...
10
votes
5answers
2k views
Can text content in an HTML5 <canvas> element be indexed by search engines?
I was wondering if content in an HTML5 canvas tags has any positive/negative effects on SEO, or if it is indexed at all.
10
votes
3answers
7k views
What's the difference between Modernizr and Html5Shiv?
I was toying with the idea of switching to html5. It seems there are 2 major scripts for dealing with supporting html5 on older browsers.
Modernizr and Html5Shiv
I was wondering if they do the same ...
9
votes
3answers
5k views
http-equiv=content-language alternative - the way of specifying document language
Lots of web sites uses following meta tag to specify the default language of the document:
<meta http-equiv="content-language" content="es-ES">
When I go to W3C site and read about HTML ...
8
votes
8answers
2k views
Can anyone recommend a good HTML 5 book?
Specifically about canvas. I have been looking around for a few good one.
8
votes
9answers
426 views
Should I still use Flash or Silverlight?
There's been a lot of controversy over the future (and current) use of Flash and the adoption of Silverlight. Should I continue to use it if I am already or should I use something else, like HTML5?
8
votes
2answers
227 views
What is the most semantically correct structure of a blog page using HTML5 tags?
I'd like to grok the ultimate nature of <aside>, <section>, <article>.
What is the best, most semantically correct structure of a blog page using HTML5 tags?
Should I put the ...
8
votes
2answers
167 views
Linking with an image: Background vs <img>
What is considered best practice (semantically) when using text with an image to link to an internal page or category?
Option 1
<nav>
<a href="/kittens">
<img ...
7
votes
2answers
547 views
Should I always use HTML5 Microdata for SEO?
So I've been looking into this HTML 5 Microdata, but I'm not sure if or when it is appropriate to use. I know that if used with rating and you search a website it will pull up things like video rating ...
7
votes
7answers
908 views
Can anyone list some real examples of 'HTML5' being used in the wild?
I am using HTML5 in the same way everyone seems to be using it these days, meaning: HTML5 tags, Canvas / 3D / javascript and CSS3.
I am struggling to find examples of sites that are using these ...
7
votes
6answers
997 views
Adding Video To Website - Embed or Vimeo?
I have been asked to add 3 short informational videos to a new page on the company website. I am trying to figure out if it would be better to embed them directly onto the page (html5) or use Vimeo or ...
7
votes
4answers
4k views
Responsive Design: Which Framework Should I Use? CSS3 & HTML5
I've been looking for a suitable set of HTML5/CSS3 foundation files to start new projects on. I started off piecing together my own files, but I believe I might be better served in finding a solid and ...
7
votes
3answers
2k views
Upload image file: is compression on client side already possible?
When offering photo file uploading, usually the user will have badly compressed and huge (10+ megapixels) JPEG files from their cameras or phones. On the server side, these files will get ...
7
votes
2answers
786 views
OpenGraph tags and HTML5 validity
I have a HTML5 based page, and I inculded the OpenGraph tags according to it's documentation. Also I checked with Facebook Debug, and it can parse the metadata.
But when I use W3C Validator, it ...
7
votes
2answers
183 views
When to use SECTION element?
I'm a bit confused by the new HTML5 element, <section>. What is the correct way to use it?
Consider this outline:
<article>
<header>
<h2>Title</h2>
...
6
votes
3answers
2k views
Where do I create the file .htaccess, in order to serve my HTML5 cache manifest file correctly?
From a post on http://diveintohtml5.org/offline.html (Wayback Machine Copy)
Your cache manifest file can be
located anywhere on your web server,
but it must be served with the content
type ...
6
votes
3answers
1k views
Value of the HTML5 lang attribute
I'm working on a website which will offer localized content following the language+region approach as described on this W3.org page (e.g. fr-CA for Canadian French content, and fr-FR for "French ...
6
votes
1answer
405 views
SEO impact of using <small> tag in <h1>
Twitter bootstrap uses <small> tag within <h1>. What is the SEO impact of this? Will the text content in the <small> tag get equal importance?
Here is an example (see the ...
6
votes
1answer
173 views
Where do you draw the line with the new html5 elements
I have read this article http://diveintohtml5.org/semantics.html#new-elements on the different new elements in html5. Now I want to create my new portfolio with the this new markup. It is quite ...
6
votes
3answers
177 views
Is it safe to use multiple h2 tags for a list of products?
I am using html5.
I have a list of products in my store (132 products), and they are currently being displayed using pagination, with 10 results on each page.
All my product names are very keyword ...
6
votes
1answer
176 views
If all content is on a single page and hidden/shown with JS would it make sense to use hashbangs?
I have a page where the general structure is
<a href="#section1">section 1</a>
<a href="#section2">section 2</a>
<a href="#section3">section 3</a>
<a ...
6
votes
1answer
317 views
Should I be using WAI-ARIA in my HTML website builds?
Should I be using WAI-ARIA in my website builds? Will it have any benefit? Is anyone adding 'role' to their code at the moment?
Some info about WAI-ARIA - www.w3.org/WAI/intro/aria.
The tab, link, ...
5
votes
2answers
2k views
HTML5 `html` `xmlns` attribute
Is xmlns appropriate in HTML5?
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
...
</html>
Also, which is preferred, <!DOCTYPE html> or <!doctype html>?
5
votes
2answers
200 views
Rel = translation
I can't find much online about rel="translation"
We have tutorials and manual entries which we are going to get users to translate. If the original page in English is:
...
5
votes
1answer
235 views
Pros and cons of replacing images with canvas drawings in template?
I am going to redevelop a beautiful but heavy theme. I try to make it as light-weight and performant as possible but still eye-catching. In order to minimize the http requests needed to get images and ...
5
votes
1answer
151 views
Schema.org, HTML5 and the datetime format: how do I get it to validate?
Schema.org says this,
The opening hours for a business. Opening hours can be specified as a weekly time range, starting with days, then times per day. Multiple days can be listed with commas ',' ...
5
votes
1answer
181 views
Best practices for streaming videos to a large concurrent user base?
What are the best ways to stream videos for a user base of more than 1000 users?
What among the below would be the best way to use?
An html tag to embed the video in the source element.
To use a ...
5
votes
1answer
160 views
html5 tags for SEO
I've a question for you.
Are now the new HTML5 tags, like
<header>,<footer>,<hgroup>,<nav>,...
... really usefoul for SEO?
Is google and other search engines considering ...
4
votes
2answers
2k views
Should menu titles (h1, h2, h3…) be inside or outside the <nav> tag?
Let's say I want to write a simple menu in HTML5.
Should I write like this:
<h1>My Menu</h1>
<h2>Submenu 1</h2>
<nav>
<ul>
<li><a ...
4
votes
2answers
6k views
Name attribute is obsolete, what is the correct behavior when dealing with anchors?
Putting some code through the html5 validator, I get this:
Warning: The name attribute on the a
element is obsolete. Consider putting
an id attribute on the nearest
container instead.
I ...
4
votes
2answers
394 views
Is there a flash/html5 audio player that allows links to jump to a specfic time?
I am looking for a web audio player to embed on my website that allows links to jump to a specific time in the audio, a la youtube.
I am uploading lecture audio from lectures that are over an hour. ...
4
votes
4answers
3k views
HTML5 Semantics - H1 or H2 for ARTICLE titles in a SECTION
It's my understanding (based from this chapter of Dive into HTML5: http://goo.gl/9zliD) that it can be considered semantically appropriate to use H1 tags in multiple areas of the page, as a method of ...
4
votes
4answers
436 views
How would I go about migrating to HTML5 without alienating the majority of my user audience?
I'd really like to implement some of the new features that come standard with HTML5 but I want to be able to do it in a way that doesn't break my site.
I know that Progressive Enhancement and ...
4
votes
1answer
107 views
How to specify importance of html elements?
Is it possible to specify what elements of the page are important, or, more specifically, what elements of the page are not important?
I'm using HTML5 new elements (nav, header, footer, section, ...
4
votes
3answers
5k views
Possible to only load specifiv div of a website?
I have this project i'm working on and id like to add a really small list of nearby places using facebooks places in an iframe feature from touch.facebook.com I can easily just use ...
4
votes
2answers
192 views
4
votes
3answers
556 views
Encoding settings for HTML5 video
What is the best, free way to encode video for the new HTML5 video in browsers. I want to encode video in WebM, H264 and Ogg.
I have looked at FFMPeg and it seems to be able to do it all but the ...
4
votes
1answer
274 views
Google's microdata and html5 validation errors
According to Google's documentation about product microdata, when I want to mark product's availability in my internet shop, I should do the following:
<span itemprop="availability" ...
4
votes
2answers
256 views
Will HTML5 adoption render my site search engine unoptimized? [duplicate]
Possible Duplicate:
Will my new HTML5 website decrease my Google ranking?
For example, currently, I understand that search engines give the most emphasis to h1 elements, followed by h2, ...
4
votes
1answer
66 views
How do Expires headers and cache manifest rules work together?
I find the W3C's official Offline Web Applications specification to be rather vague about how the cache manifest interacts with headers such as ETag, Expires, or Pragma on cached assets. I know that ...
3
votes
6answers
445 views
Is it a good idea to design website with HTML 5 and css3?
New HTML5 and CSS3 introduced lot of new features,although it is not completely supported by most of the browsers.Is it a good idea to design a website using HTML5 and css3?
and for browsers which ...
3
votes
2answers
2k views
Why doesn't autofocus=“autofocus” work in Mozilla Firefox?
<INPUT TYPE=TEXT NAME="Gw" MAXLENGTH="225" size="42" autofocus="autofocus">
If I try this with Google Chrome it works. I just want to highlight a form without <script>.
Why doesn't it ...
3
votes
3answers
408 views
How many H2, h3 h4 are the maximum recommended?
I know that only one H1 is recommended, but what about the other titles? I've read that you can put "as many as required H2 elements to denote sections on the page".
Is it correct?
