I have checked some DOCTYPE's and it seems largest website did not transform XHTML to HTML5.
1. Is it the best way to use:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" xlmns:og="http://ogp.me/ns#" xlmns:fb="..." class="">
Use inside DOCTYPE: [
ogp.me...]
2. Use
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="robots" content="index, follow, noodp" />
but avoid <meta charset="utf-8">
as HTML5
3. Use of
[
modernizr.com...]
that detects support for many HTML5 & CSS3 features.
4. Media Queries for Responsive Design suggested by
[
html5boilerplate.com...]
Sample:
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
Is this the best way to combine HTML5 with new devices?
