如果我有一个SELECT标记，它将根据用户选择过滤表，那么SELECT标记是否必须在FORM标记中（有效的HTML5），如果在禁用JS的情况下生成的功能不起作用（即，我们将 显示整个表格或“更多”链接，而不是对表单操作/提交选项的选择进行服务器端过滤（我们可以在JS中编写选择内容，因此如果禁用了JS，它会从标记中消失。
还是所有表单元素都需要放在表单标签中，而不管其用法如何（因此，“ action”属性值为空）。
我知道HTML5几乎可以支持所有内容，但我只是无法在W3上找到明确的答案，所以我想您会想到的。 希望有道理。干杯。
我正在使用HTML画布处理以下应用程序：[http://driz.co.uk/particles/]
目前将其设置为640x480像素，但我想使其全屏显示，因为它将显示为投影仪。 但是据我所知，我不能将画布大小设置为100％，因为变量只能是数字而不是％。 使用CSS只会拉伸它，而不是使其变成全屏显示。
有任何想法吗？
编辑：尝试使用jQuery找到高度和宽度，但它打破了画布的任何想法，为什么？
var $j = jQuery.noConflict();
var canvas;
var ctx;
var canvasDiv;
var outerDiv;
var canvasW = $j('body').width();
var canvasH = $j('body').height();
//var canvasW = 640;
//var canvasH = 480;
var numMovers = 550;
var movers = [];
var friction = .96;
var radCirc = Math.PI * 2;
var mouseX, mouseY, mouseVX, mouseVY, prevMouseX = 0, prevMouseY = 0;
var isMouseDown = true;
function init()
{
canvas = document.getElementById("mainCanvas");
if( canvas.getContext )
{
setup();
setInterval( run , 33 );
}
}
function setup()
{
outerDiv = document.getElementById("outer");
canvasDiv = document.getElementById("canvasContainer");
ctx = canvas.getContext("2d");
var i = numMovers;
while( i-- )
{
var m = new Mover();
m.x = canvasW * .5;
m.y = canvasH * .5;
m.vX = Math.cos(i) * Math.random() * 25;
m.vY = Math.sin(i) * Math.random() * 25;
m.size = 2;
movers[i] = m;
}
document.onmousedown = onDocMouseDown;
document.onmouseup = onDocMouseUp;
document.onmousemove = onDocMouseMove;
}
function run()
{
ctx.globalCompositeOperation = "source-over";
ctx.fillStyle = "rgba(8,8,12,.65)";
ctx.fillRect( 0 , 0 , canvasW , canvasH );
ctx.globalCompositeOperation = "lighter";
mouseVX = mouseX - prevMouseX;
mouseVY = mouseY - prevMouseY;
prevMouseX = mouseX;
prevMouseY = mouseY;
var toDist = canvasW / 1.15;
var stirDist = canvasW / 8;
var blowDist = canvasW / 2;
var Mrnd = Math.random;
var Mabs = Math.abs;
var Msqrt = Math.sqrt;
var Mcos = Math.cos;
var Msin = Math.sin;
var Matan2 = Math.atan2;
var Mmax = Math.max;
var Mmin = Math.min;
var i = numMovers;
while( i-- )
{
var m = movers[i];
var x = m.x;
var y = m.y;
var vX = m.vX;
var vY = m.vY;
var dX = x - mouseX;
var dY = y - mouseY;
var d = Msqrt( dX * dX + dY * dY );
var a = Matan2( dY , dX );
var cosA = Mcos( a );
var sinA = Msin( a );
if( isMouseDown )
{
if( d < blowDist )
{
var blowAcc = ( 1 - ( d / blowDist ) ) * 2;
vX += cosA * blowAcc + .5 - Mrnd();
vY += sinA * blowAcc + .5 - Mrnd();
}
}
if( d < toDist )
{
var toAcc = ( 1 - ( d / toDist ) ) * canvasW * .0014;
vX -= cosA * toAcc;
vY -= sinA * toAcc;
}
if( d < stirDist )
{
var mAcc = ( 1 - ( d / stirDist ) ) * canvasW * .00022;
vX += mouseVX * mAcc;
vY += mouseVY * mAcc;
}
vX *= friction;
vY *= friction;
var avgVX = Mabs( vX );
var avgVY = Mabs( vY );
var avgV = ( avgVX + avgVY ) * .5;
if( avgVX < .1 ) vX *= Mrnd() * 3;
if( avgVY < .1 ) vY *= Mrnd() * 3;
var sc = avgV * .45;
sc = Mmax( Mmin( sc , 3.5 ) , .4 );
var nextX = x + vX;
var nextY = y + vY;
if( nextX > canvasW )
{
nextX = canvasW;
vX *= -1;
}
else if( nextX < 0 )
{
nextX = 0;
vX *= -1;
}
if( nextY > canvasH )
{
nextY = canvasH;
vY *= -1;
}
else if( nextY < 0 )
{
nextY = 0;
vY *= -1;
}
m.vX = vX;
m.vY = vY;
m.x = nextX;
m.y = nextY;
ctx.fillStyle = m.color;
ctx.beginPath();
ctx.arc( nextX , nextY , sc , 0 , radCirc , true );
ctx.closePath();
ctx.fill();
}
//rect( ctx , mouseX - 3 , mouseY - 3 , 6 , 6 );
}
function onDocMouseMove( e )
{
var ev = e ? e : window.event;
mouseX = ev.clientX - outerDiv.offsetLeft - canvasDiv.offsetLeft;
mouseY = ev.clientY - outerDiv.offsetTop - canvasDiv.offsetTop;
}
function onDocMouseDown( e )
{
isMouseDown = true;
return false;
}
function onDocMouseUp( e )
{
isMouseDown = true;
return false;
}
// ==========================================================================================
function Mover()
{
this.color = "rgb(" + Math.floor( Math.random()*255 ) + "," + Math.floor( Math.random()*255 ) + "," + Math.floor( Math.random()*255 ) + ")";
this.y = 0;
this.x = 0;
this.vX = 0;
this.vY = 0;
this.size = 0;
}
// ==========================================================================================
function rect( context , x , y , w , h )
{
context.beginPath();
context.rect( x , y , w , h );
context.closePath();
context.fill();
}
// ==========================================================================================
在文档底部而不是顶部加载JS的真正好处（如果有）是什么？ 似乎页面加载和依赖JS的功能有短暂的延迟。
我正在使用html5boilerplate开始所有模板，但实际上不确定在底部加载JS有多有益。
真的有很大的不同吗？如果是这样，为什么呢？
在我的HTML5页面中，我有一个带有undefined事件的div，如下所示：
$('#canvas').mousemove(function(e){
xpos = e.offsetX;
ypos = e.offsetY;
$('#mouse').html("X : " + xpos + " ; Y : " + ypos);
});
它可以与Google Chrome正常运行。 但是在Firefox中，两者都给出了undefined的值。我已经使用Firebug进行了检查，即将layerY对象记录到控制台。 发现offsetX和offsetY均为undefined。
当我在Google中搜索时，有一个解决方案说，如果同时未定义offsetX和offsetY，则应使用undefined和layerY。但是从Firebug，我找不到它。 甚至我也尝试过这样的尝试：
xpos = (e.offsetX==undefined)?e.layerX:e.offsetX;
ypos = (e.offsetY==undefined)?e.layerY:e.offsetY;
但这也给出了undefined作为值。
我正在使用最新的jQuery-v1.8.2。 我正在Firefox v14.0.1中进行测试
有什么想法或建议吗？
编辑
感谢销毁者和vusan对我的帮助。 上述问题的解决方法如下：
解
$('#canvas').mousemove(function(e){
$('#cursor').show();
if(e.offsetX==undefined) // this works for Firefox
{
xpos = e.pageX-$('#canvas').offset().left;
ypos = e.pageY-$('#canvas').offset().top;
}
else // works in Google Chrome
{
xpos = e.offsetX;
ypos = e.offsetY;
}
$('#mouse').html("X : " + xpos + " ; Y : " + ypos);
});
在移动设备上为HTML 5输入（即type="number"标签）显示不同的键盘有几种技巧。
例如，某些文件记录在Apple网站“配置Web视图的键盘”上。
这些对于可用性非常有用，但是在输入国际邮政编码（大多数为数字，但允许使用字母）时，我们会遇到一些不好的选择。 大多数人建议使用type="number"技巧来显示数字键盘，但这不允许输入字母。
type="number"输入类型显示常规键盘，但转换为数字布局：
这在iOS设备上很好用，但让Chrome认为输入必须是数字，甚至会更改输入的行为（上下移动并减小值）。
有什么方法可以让iOS默认使用数字布局，但仍然允许字母数字输入？
基本上，我希望iOS的行为为type="number"，但我希望该字段的行为类似于台式机浏览器上的常规文本字段。 这可能吗？
更新：
嗅探iOS用户代理并使用type="number"输入类型不是一种选择。 type="number"不适用于字符串值（例如邮政编码），它还有其他副作用（例如剥离前导零，逗号分隔符等），使其不适用于邮政编码。
我对RDFa和微数据有一个快速的问题。
我目前的理解是RDFa是RDF实现到HTML中的，但是对于像我这样的新开发人员来说却很复杂，Microdata看起来真的很容易实现。
这两种语义格式的其他优点和缺点是什么？
我想使用此脚本[https://github.com/jeromeetienne/jquery-qrcode]
（或者是否有更好的解决方案？）
我想做的是将一些小的脚本或程序，甚至是XML格式的文件（svg，x3d等）保存为QR码图像。
但是我可以准确地将多少信息（以字节为单位）保存到QR码图像（使用此javascript解决方案）？
使用此脚本以及对文件使用qr代码有任何经验吗？
[https://github.com/jeromeetienne/jquery-qrcode]
我试图在jQuery中设置一个变量。 该值应该在按钮的click事件上设置。 将触发onclick事件，但x10Device变量仍为undefined。
我在使用jQuery 1.7.1。
jQuery的：
$x10Device = $(this).data("X10");
HTML：
<button class="toggleStatus" data-X10="C5">
我看不出有什么问题。
我一直在关注本教程-[http://www.youtube.com/watch?v=R2hOvZ7bwXU，]该教程基本上说明了如何使用后消息在iframe和父级之间安全地传递消息-您基本上得到了类似的结果 这个-[http://html5demos.com/postmessage2]
我的问题是我需要它以相反的方式工作（子级到父级），并且不知道如何定位父级窗口。
这是我的接收方代码（在父级中）-
function handlingMsg(e)
{alert("works")
if(e.origin == "http://uc.dialogue.net")
{
var blah = e.data;
alert(blah);
}
else{alert("error");}
}
addEventListener("message",handlingMsg, true);
这是由简单形式（在子级中）触发的发送方功能-
var text=$('.srchInput').val();
window.parent.postMessage(text, "http://uc.dialogue.net");
我应该以其他方式定位父母吗？
干杯保罗
我正在为HTML5主题设置我的WordPress侧边栏，并且确实想正确使用<section>和<h1>。
所以我的问题是：两种标记模式中哪一种更合适？ 以下代码完全在<section>元素之外。
<aside id="sidebar">
<section id="widget_1"></section>
<section id="widget_2"></section>
<section id="widget_3"></section>
</aside>
<div id="sidebar">
<aside id="widget_1"></aside>
<aside id="widget_1"></aside >
<aside id="widget_1"></aside >
</div>
我想辅助问题是每个小部件标题使用什么标题。 如果我将每个小部件包装在<section>中，则<h1>似乎是最合适的。 如果我使用<aside>，则不确定。
欢迎所有意见。 魔鬼的拥护者受到鼓舞。
是否可以使用jQuery的drop事件从桌面拖动文件？
如果是这样，我如何获取删除的文件数据？
我公司编写的软件安装在客户端计算机上以执行销售点交易。 该软件可与各种外部外围设备（收据打印机，条形码扫描仪，信用卡读取器等）连接。 我们使用在Microsoft Studio中使用Microsoft OPOS库在Visual Studio中创建的WinForms应用程序来执行此操作，该库又与我们的云服务器（客户端服务器模型）进行通信。
该模型的效率很低，主要是通过更新。 我正在研究通过Web与这些外围设备进行通信的其他方式，最好是通过Web浏览器。 据我所知，Java是可以通过Applet完成我们正在寻找的功能的仅有的技术之一，我认为Adobe Flash也可以（通过Air平台）完成。 这些是可行的，但不是可取的，因为我们希望在支持Web的移动设备上运行我们的软件。
是否有人对通过网络与外围设备进行通信的其他方式提出建议？
这个问题在这里已有答案：
是否可以在选择标签上使用占位符？
<select placeholder="select your beverage">
<option>Tea</option>
<option>coffee</option>
<option>soda</option>
</select>
还是可以解决？
“旧的” HTML / XHTML标准为它们定义了DTD（文档类型定义）：
HTML 4.01 [http://www.w3.org/TR/html401/sgml/dtd.html]
XHTML 1.0 [http://www.w3.org/TR/xhtml1/dtds.html#a_dtd_XHTML-1.0-Strict]
该DTD指定嵌套元素的规则-“哪些类型的元素可能出现在哪些类型的元素中”。 我在这里为XHTML 1.0制作了一个图表（对不起，我不再拥有该资源）
我想用一个新版本来更新该图，其中还包括新的HTML5元素。 但是，似乎没有HTML5 DTD。 嵌套规则似乎由HTML5中定义的各种内容模型定义。
所以没有DTD，对吗？
后续问题：HTML5中没有DTD的原因吗？ DTD是为所有不同类型的元素定义嵌套规则的好方法。 他们为什么不包括这样的东西？
更新：我发现了这一点：[http://www.w3.org/TR/html5/dom.html#kinds-of-content]我想，这与拥有DTD最接近。
更新：Visual Studio团队为XHTML5创建了XML架构。 我猜这回答了我的问题：[http://blogs.msdn.com/b/webdevtools/archive/2009/11/18/html-5-intellisense-and-validation-schema-for-visual-studio-2008- 和-visual-web-developer.aspx]
我正在编写一个HTML5 <canvas>项目，该项目涉及使用滚轮放大和缩小图像。我想像Google Maps一样朝光标方向缩放，但是我完全不知道如何计算运动。
我所拥有的：图像x和y（左上角）； 图像宽度和高度； 光标x和y相对于画布中心的位置。
我正在寻找一种超级容易的方法来创建两列格式，以在网页上显示一些数据。 我如何实现与以下格式相同的格式：
<table>
<tr>
<td>AAA</td>
<td>BBB</td>
</tr>
</table>
我也接受HTML5 / CSS3技术。
概观
HTML5现在允许使用HTML文档对title和desc进行标记，而无需依赖外部名称空间（此处的详细介绍）。 两者都有自己的alt-属性类似物（见下文），今天的屏幕阅读器软件实际上将其忽略。 因此，盲人无法访问这些元素。
是否有计划为这些新元素实施标准的替代文本约定？ 我已经搜索过文档，并且干了！
更多详情
关于SVG：可以将SVG的替代文本视为根title或desc标签的内容。
<svg>
<title>An image title</title>
<desc>This is the longer image description</desc>
...
</svg>
我找到了一个这样阅读的屏幕阅读器，但这是标准吗？ 以前插入SVG的方法也存在可访问性问题，因为屏幕阅读器会不一致地处理title标签。
关于MathML：MathML的替代文本应存储在title属性中。
<math alttext="A squared plus B squared equals C squared">
...
</math>
由于屏幕阅读器似乎没有意识到这一点，因此数学渲染库MathJax在运行时将文本插入到title属性中。
<span aria-label="[alttext contents]">...</span>
不幸的是，NVDA，JAWS和其他工具也无法可靠地读取这些标签。 （有关WAI-ARIA的更多信息）
关于这两个方面：由于在很大程度上不受支持的ARIA属性缺乏成功，我尝试使用title属性。 这些“外国” HTML元素似乎也被忽略了。
包起来
我正在寻找一种推荐的方法，以在这些新的HTML元素上放置替代文本，而不只是快速的技巧。 也许我忽略了W3C规范？ 还是在游戏中还为时过早？
我浏览了一个网站的源代码，发现了这段代码。
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=1.0, minimum-scale=1.0, maximum-scale=1.0">
我想知道这个初始规模，用户可扩展规模，最小规模，最大规模是什么，这些值是什么意思？ 还请告诉我他们接受的所有价值观是什么。
这个问题在这里已有答案：
我有两个窗口：窗口A和窗口B。
问题：
我知道这样做的两种方式：
但是这两种方式并不那么优雅。
例如，最好获得窗口B的引用并使用window.postMessage（）（HTML5）
最终目标是制作类似facebook的东西，如果您打开4个facebook选项卡并在一个选项卡中聊天，则每个facebook选项卡中的聊天都是最新的，这很干净！