Questions tagged «html»

HTML（超文本标记语言）是用于创建网页和其他要在Web浏览器中显示的信息的主要标记语言。有关HTML的问题应包括一个可重现的示例，以及您要实现的目标的一些想法。此标记很少单独使用，通常与[CSS]和[javascript]配对使用。

4
是否可以使用没有href属性的<a>（锚标记）？
我一直在使用Twitter Bootstrap构建网站，其许多功能取决于将内容包装在中&lt;a&gt;，即使它们只是执行Javascript也是如此。我在href="#"Bootstrap文档所建议的策略上遇到了问题，因此我试图寻找其他解决方案。 但是后来我尝试完全删除该href属性。我一直在使用&lt;a class='bunch of classes' data-whatever='data'&gt;，并让Javascript处理其余部分。而且有效。 但是有件事告诉我我不应该这样做。对？我的意思是，从技术上讲，&lt;a&gt;它应该是某事的链接，但是我不确定是为什么这是一个问题。还是？
16
浏览器不能缩放到400px以下吗？
我正在整理一个液体样式表，效果很好。我注意到的一件事是，我在Chrome中的浏览器窗口的大小不会调整到400px以下，它只会卡在此处，而在FF中，当我按比例缩小时，它只会停在400px左右，然后弹出一个水平滚动条。 当我在手机上打开该网站时，它看起来很完美，约为320像素，因此我知道它的比例确实低于400像素。 我很好奇是否有人知道这是浏览器/桌面设备还是我应该查看CSS以外的东西。我没有任何最小宽度声明，所以我不确定是什么原因引起的。 再次在桌面上，它会缩小到最小宽度（约400像素）并停止，但是当我在手机上打开它时，它会缩小到手机屏幕的大小（约320像素）……很好奇为什么至少会赢了不能缩小到桌面上的320px。 -edit-另外，我不确定这是否重要，但是Opera可以将其缩小到几乎没有任何东西...因此它可以在Opera中使用，而不是在Chrome或FF中使用...有什么想法吗？
5
NW.js，Brackets-Shell和Electron之间的功能区别是什么？
既然TideSDK实际上已经死了，我一直在寻找替代的“包装器”来将HTML / CSS / JS应用程序作为独立的桌面应用程序运行。到目前为止，我遇到的三个可行的选择是NW.js（以前称为node-webkit），方括号-shell和Electron（以前称为atom-shell）。 问题在于，在功能集，兼容性等方面，这三者之间似乎没有足够完整的比较。我希望根据两者之间的（客观）差异，将其转变为一个或多或少的规范线程。这三个，特别是关于： 平台支持 ; 操作系统，依赖项等 语言功能支持，就HTML5，CSS3和JavaScript而言。想一想“ HTML5视频是否可以正常工作，如果可以，可以使用哪些编解码器？” 非标准的额外功能，例如任务栏图标，弹出通知和OS渲染的菜单栏。 可扩展性 ; 例如。能够“插入”本机代码，与Node.js对话等。 建筑 ; 特别是影响每天作为开发人员使用的架构差异。 调试 ; 包括开发工具，与常用工具（如）的兼容性node-inspector等。 ... 等等。 在作为应用程序开发人员之间做出选择时，客观的，技术上的区别又有什么关系？
8
Twitter引导下拉菜单超出屏幕范围
我想实现twitter bootstrap下拉菜单，这是我的代码： &lt;span class="dropdown"&gt; &lt;a href="#menu1" class="dropdown-toggle" data-toggle="dropdown" &gt;&lt;img class="left" src="/static/img/topmenu_preferences.png" /&gt;&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt; &lt;ul class="dropdown-menu"&gt; &lt;li&gt;&lt;a href="#"&gt;a&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;b&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;c&lt;/a&gt;&lt;/li&gt; &lt;li class="divider"&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;d&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; 下拉菜单效果很好，我的下拉菜单位于屏幕右侧，当我单击下拉菜单时，列表位于屏幕之外。在屏幕上看起来像： 我该如何解决？
6
从Google图表中删除填充或边距
// Load the Visualization API and the piechart package. google.load('visualization', '1.0', {'packages':['corechart']}); // Set a callback to run when the Google Visualization API is loaded. google.setOnLoadCallback(drawChart); // Callback that creates and populates a data table, // instantiates the pie chart, passes in the data and // draws it. function drawChart() …
5
如何将此范围与div的右边对齐？
我有以下HTML： &lt;div class="title"&gt; &lt;span&gt;Cumulative performance&lt;/span&gt; &lt;span&gt;20/02/2011&lt;/span&gt; &lt;/div&gt; 使用此CSS： .title { display: block; border-top: 4px solid #a7a59b; background-color: #f6e9d9; height: 22px; line-height: 22px; padding: 4px 6px; font-size: 14px; color: #000; margin-bottom: 13px; clear:both; } 如果您检查此jsFiddle：http : //jsfiddle.net/8JwhZ/ 您会看到名称和日期固定在一起。有没有一种方法可以使日期与右边对齐？我尝试float: right;了第二个，&lt;span&gt;但它弄乱了样式，并将日期推到了封闭的div之外
151 html  css 
7
HTML5画布100％宽度视口高度？
我正在尝试创建一个画布元素，该元素占用视口宽度和高度的100％。 您可以在我的示例中看到这种情况的发生，但是它正在Chrome和FireFox中添加滚动条。如何防止多余的滚动条，仅将窗口的宽度和高度设置为画布的大小？
151 jquery  html  canvas  viewport 
9
如何使用CSS缩放整个网页？
使用Firefox，您只需按一下即可放大整个网页CTRL +。这样做是按比例放大整个网页（字体，图像等）。 如何仅使用CSS复制相同的功能？ 是否有类似的东西page-size: 150%（它将使整个页面的部分增加x％？）
151 html  css  resize 
12
单击按钮如何调用PHP函数
我创建了一个名为functioncalling.php的页面，其中包含两个按钮Submit和Insert。作为PHP的初学者，我想测试单击按钮时执行的功能。我希望输出出现在同一页面上。因此，我创建了两个功能，每个按钮一个。functioncalling.php的源代码如下： &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html&gt; &lt;body&gt; &lt;form action="functioncalling.php"&gt; &lt;input type="text" name="txt" /&gt; &lt;input type="submit" name="insert" value="insert" onclick="insert()" /&gt; &lt;input type="submit" name="select" value="select" onclick="select()" /&gt; &lt;/form&gt; &lt;?php function select(){ echo "The select function is called."; } function insert(){ echo "The insert function is called."; } ?&gt; …
151 php  html  forms  button 
2
与服务器同步本地HTML5 DB（WebSQL存储，SQLite）的最佳方法（2路同步）
按照目前的情况，这个问题不适合我们的问答形式。我们希望答案会得到事实，参考或专业知识的支持，但是这个问题可能会引起辩论，争论，民意测验或进一步的讨论。如果您认为此问题可以解决并且可以重新提出，请访问帮助中心以获取指导。 7年前关闭。 我正在使用本地数据库（使用html5 webstorage）开发一个移动Web应用程序（适用于iPhone和Android），因此当用户离线时我的应用程序仍然可以使用。 这工作正常，但是我想将本地数据保存在服务器上。因此，我需要将本地数据库与服务器上的数据库同步。同步只能是一种方式，但是在将来，我想以两种方式（服务器&lt;-&gt;本地数据库）进行同步。 这种要求看起来很普通（或者将来在移动Web应用程序中很常见），但是我找不到这样做的库。 我知道google在他们的移动网络应用程序（例如gmail）中正在执行此操作，并且我发现WSPL项目是google项目，但没有源可供下载。 如果找不到解决方案，我将创建一个库来执行此操作，因为同步的一种方式看起来并不困难，但我想知道是否还有其他解决方案。
6
如何使div上的滚动条仅在必要时可见？
我有这个股利： &lt;div style='overflow:scroll; width:400px;height:400px;'&gt;here is some text&lt;/div&gt; 即使文本不会溢出，滚动条也始终可见。我想使滚动条仅在必要时可见-即，仅在框中需要它们的文本时才可见。就像文本区域一样。我该怎么做呢？还是我唯一选择设置文本区域样式以使其看起来像div的选择？
151 css  html  scrollbar 
18
用jQuery重新加载iframe
我在页面上有两个iframe，一个对另一个iframe进行了更改，但是另一个iframe直到刷新后才显示更改。有没有一种简单的方法可以使用jQuery刷新此iframe？ &lt;div class="project"&gt; &lt;iframe id="currentElement" class="myframe" name="myframe" src="http://somesite.com/something/new"&gt;&lt;/iframe&gt; &lt;/div&gt;
6
通过浏览器访问相机
我们正在创建一个用于移动设备的HTML5网站，并且需要通过Web浏览器访问摄像头而不是本机应用程序。我们在iOS上无法正常工作。有人知道解决方案吗？
150 ios  html  camera 
9
使用javascript / jQuery获取data- *属性列表
给定一个具有零个或多个data-*属性的任意HTML元素，如何检索数据的键值对列表。 例如： &lt;div id='prod' data-id='10' data-cat='toy' data-cid='42'&gt;blah&lt;/div&gt; 我希望能够以编程方式检索此： { "id":10, "cat":"toy", "cid":42 } 使用jQuery（v1.4.3），$.data()如果事先知道键，则使用访问数据的单个位很简单，但是使用任意数据集如何做到这一点并不明显。 我正在寻找一种“简单的” jQuery解决方案（如果存在），但不介意采用较低级别的方法。我可以尝试解析，$('#prod').attributes但是缺少javascript-fu会让我失望。 更新 customdata可以满足我的需求。但是，仅将jQuery插件的一部分功能包括在内似乎太过分了。 盯着源代码可以帮助我修复自己的代码（并改进了javascript-fu）。 这是我想出的解决方案： function getDataAttributes(node) { var d = {}, re_dataAttr = /^data\-(.+)$/; $.each(node.get(0).attributes, function(index, attr) { if (re_dataAttr.test(attr.nodeName)) { var key = attr.nodeName.match(re_dataAttr)[1]; d[key] = attr.nodeValue; } }); return d; } 更新2 …
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.