我刚刚阅读了HTML5作者规范.它声明<html>,<head>和<body>标签是可选的.这是否意味着您可以将它们完全保留并且仍然具有有效的HTML5文档？
如果我正确地解释这个,这意味着这应该是完全有效的:
<!DOCTYPE html>
<p>Hello!</p>
它是否正确？
你可以在这里查看规范:
http://dev.w3.org/html5/spec-author-view/syntax.html#syntax
"8.1.2.4可选标签"是可以省略的<html>,<head>并且<body>
我正在使用伟大的HTML5样板.这是一个很棒的项目,但我在IE 8和7中有一些大问题(可能是8但尚未尝试)
这些文件具有HTML5文档类型:
<!doctype html>
<head>
但问题是没有完整和丑陋的doctype如...
<!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">
我得到了所有类型的渲染问题:以边距为中心:自动无法工作,高度,宽度,集合和填充都表现得像疯了一样,我的所有布局都被打破了,<!doctype>但如果我切换到旧的,一切都很好(好吧,不是很好,它仍然是IE,但正如预期的那样)
HTML5 Boilerplate附带了Modernizer,我认为应该解决这个问题,但它不起作用.从我的"研究"(谷歌)我发现IE进入怪癖模式宽度<!doctype>,所以问题是......
有没有办法防止IE进入怪癖模式<!doctype>？
或者至少不要破坏边距,宽度,填充等？
编辑:这是完整的头:
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
我一直在处理一个响应式网站,并且在图像映射方面遇到了一些问题.似乎图像映射不适用于基于百分比的坐标.经过一番谷歌搜索后,我找到了一个JS解决方法 - http://mattstow.com/experiment/responsive-image-maps/rwd-image-maps.html.但是,我希望该网站与JS禁用.
因此,在耗尽了这些可能性后,我决定研究在图像上使用相对定位的Anchor标签来做同样的事情.无论如何,这是一个更好的选择IMO.我试图将锚标记放在图像上,基于百分比的位置和大小,但每当我重新缩放浏览器时,锚标记都会不成比例地移动到图像上.
HTML:
<div id="block">
<div>
<img src="http://www.wpclipart.com/toys/blocks/abc_blocks.png">
</div>
<a href="#" class="one"></a>
<a href="#" class="two"></a>
</div>
CSS:
#block img {
max-width: 100%;
display: inline-block;
}
a.one{
height:28%;
width:19%;
top:-36%;
left:1%;
position:relative;
display:block;
}
a.two{
height:28%;
width:19%;
top:37%;
left:36%;
position:absolute;
}
这是一个jsFiddle来描述我的意思 - http://jsfiddle.net/wAf3b/10/.当我调整HTML框的大小时,一切都变得歪曲.
任何帮助非常感谢.