Questions tagged «html»

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

8
防止不使用JS拖动图像或选择图像
有谁知道在不使用Javascript的情况下同时使Firefox中的图片不可拖动和不可选择的方法吗?似乎微不足道,但这是问题所在: 1)可以在Firefox中拖动并突出显示: <img src="..."> 2)因此,我们添加了此内容,但在拖动时仍可以突出显示图像: <img src="..." draggable="false"> 3)因此,我们添加了此内容以解决突出显示问题,但是反直觉地,图像再次变得可拖动。很奇怪,我知道!使用FF 16.0.1 <img src="..." draggable="false" style="-moz-user-select: none;"> 那么,有谁知道为什么添加“ -moz-user-select:无”,会以某种方式胜过并禁用“ draggable = false”?当然,webkit可以按预期工作。Interweb上对此一无所知...如果我们能够共同对此有所启发,那就太好了。 谢谢!! 编辑: 这是关于防止UI元素被意外拖动并提高可用性-并非在复制保护方案上有些la脚的尝试:-)
132 css  html  firefox  draggable 


9
是否可以使用CSS将HTML锚标记设为不可点击/不可链接?
例如,如果我有这个: <a style="" href="page.html">page link</a> 有什么我可以使用的style属性来实现的,因此链接不可单击并且不会带我到page.html吗? 或者,我唯一的选择是不简单地将“页面链接”不包装在锚标记中? 编辑:我想说明为什么要这样做,以便人们可以提供更好的建议。我正在尝试设置我的应用程序,以便开发人员可以选择他们想要的导航样式类型。 因此,我有一个链接列表,当前始终选择一个链接,而其他所有链接都没有。对于未选择的链接,我显然希望这些链接是普通的可点击锚标记。但是对于选定的链接,有些人希望链接保持可单击状态,而另一些人则希望使其不能单击。 现在,我可以轻松地以编程方式不将锚定标签包裹在所选链接周围。但我认为,如果始终可以将所选链接包装成类似以下内容,它将更加优雅: <a id="current" href="link.html">link</a> 然后让开发人员通过CSS控制链接样式。
132 html  css  anchor 

4
图片提示
我正在使用工具提示。但是我想要在图像标签上显示该图像,例如当我将鼠标悬停在图像上时,工具提示应该起作用。我已经尝试过但在图像标签上没有为我工作。
132 html  image  tooltip 


9
如何使用HTML IMG标签保持宽高比
我正在使用HTML的img标签在我们的应用程序中显示照片。我已经将其height和width属性都设置为64。我需要将任何图像分辨率(例如256x256、1024x768、500x400、205x246等)显示为64x64。但是通过将img标签的height和width属性设置为64,就不会保持纵横比,因此图像看起来会失真。 供您参考,我的确切代码是: <img src="Runtime Path to photo" border="1" height="64" width="64">
132 html  css 

2
HTML5是否会更改HTML注释的标准?
最近,我发现HTML5中可能存在一种新的注释方式。 取而代之的是典型的<!-- -->多行留言我已经知道了,我想我发现我的IDE做了一个常规<!div >注释。因此,我对其进行了测试,令我惊讶的是Chrome浏览器将该标签注释掉了。它仅注释掉了标签,而不注释了div的内容,因此我不得不注释更近<!/div>,以免关闭其他div。 我测试了另一个,看来通常在任何标签(该符号)的开头放置一个感叹号<,使该标签被注释掉。 这是真的吗?这是不好的做法吗?它实际上很方便,但是是否实用(如果不是新的)? 编辑额外的细节: 虽然这个特殊语法的语法错误或误解是一个很好的理由,为什么铬实际上使他们作为正式的意见? 该代码写为: <!div displayed> some text here that is still displayed <!/div> 然后将其呈现为: <!--div displayed--> some text here that is still displayed <!--/div-->
131 html  comments 

4
Firefox Web控制台已禁用?
我如何从Firefox Web控制台收到此消息 此页面上的脚本已禁用Web控制台日志记录API(console.log,console.info,console.warn,console.error)。 同一网页可以在Chrome控制台中打印消息,但不能在Firefox中打印消息。我在另一台计算机的Firefox(不知道哪个版本)的Web控制台中打开了同一网页,它可以打印消息。我的Firefox版本是最新的8.0。
131 javascript  html  firefox 

11
选择移动Web HTML5框架
从目前的情况来看,这个问题不适合我们的问答形式。我们希望答案会得到事实,参考或专业知识的支持,但是这个问题可能会引起辩论,争论,民意调查或扩展讨论。如果您认为此问题可以解决并且可以重新提出,请访问帮助中心以获取指导。 8年前关闭。 对于新项目,我一直在寻找一个支持HTML5的框架,该框架可以在移动电话(即iPhone,iPad)上运行。我发现了这些: Sencha Touch M项目 jQuery Mobile jQTouch 钛 NimbleKit 眨眼工具包 对我来说主要的是HTML5。尽管我研究了它们提供的功能,但我只是想了解您对它们的使用经验。 寻找时,我应该去哪一个? 快速开始 好的文档 类似的Webway开发 对移动平台的良好支持

3
为什么浮动子代时父div高度为零
我的CSS中包含以下内容。所有边距/边距/边界均全局重置为0。 #wrapper{width: 75%; min-width: 800px;} .content{text-align: justify; float: right; width: 90%;} .lbar{text-align: justify; float: left; width: 10%;} 现在,当我将HTML编写为 <div id="wrapper"> <div class="content"> some text here </div> <div class="lbar"> some text here </div> </div> 页面正确呈现。但是,当我检查元素时,div#wrapper显示为0px高。我会一直期待它扩大,直到年底div.content和div.lbar...为什么会出现这种情况? 同样,页面呈现良好。这种行为使我感到困惑。
131 html  css 


6
如何在iOS11主屏幕Web应用程序上访问相机?
摘要 我们无法使用WebRTC或文件输入从iOS11(公开发行)主屏幕网络应用访问摄像机,详细信息如下。我们的用户如何继续使用相机? 我们通过https提供网络应用页面。 4月更新 iOS 11.3的公共发行版似乎已解决了该问题,并且文件输入摄像头访问再次起作用! 3月更新 正如这里的人所说的,苹果文档建议Web应用程序摄像头功能与服务人员一起在11.3中返回。这很好,但是我们不确定是否要大家重新安装,直到我们可以在11.3GM上进行全面测试。 解决方案,十一月 我们失去了希望苹果公司解决此问题并向前迈进的希望。修改了我们的Web应用程序以删除iOS的“添加到主屏幕”功能,并要求受影响的用户删除任何以前的主屏幕图标。 12月6日更新 iOS 11.2和iOS 11.1.2无法修复。 解决方法,9月21日 似乎我们可以向网络应用的现有客户咨询 不能升级到iOS11-祝你好运:) 在iOS相机中拍照,然后在网络应用中重新选择它们 等待下一个iOS Beta 重新安装为Safari浏览器内页面(在删除ATHS逻辑之后) 切换到Android 文件输入 我们当前的生产代码使用文件输入,该文件输入在iOS 10及更高版本上运行良好。在iOS11上,它可以作为Safari标签使用,但不能在主屏幕应用中使用。在后一种情况下,相机是打开的,并且仅显示黑屏,因此无法使用。 <meta name="apple-mobile-web-app-capable" content="yes"> ... <input type="file" accept="image/*"> WebRTC iOS11上的Safari 11提供了很棒的WebRTC媒体捕获。 根据此处链接的示例代码,我们可以使用navigator.mediaDevices.getUserMedia在台式机和移动设备上的普通网页上捕获相机图像,并将其捕获到画布上。 当我们将页面添加到iPad或iPhone主屏幕时,navigator.mediaDevices变得undefined无法使用。 <meta name="apple-mobile-web-app-capable" content="yes"> ... // for some reason safari on mac can debug …

5
在A标签上设置宽度和高度
是否可以在锚标签上设置像素的宽度和高度?我希望锚标签具有背景图像,同时将文本保留在锚内。 li { width: 32px; height: 32px; background-color: orange; } li a { width: 32px; height: 32px; background-color: red; } <li><a href="#">Something</a></li> 运行代码段隐藏结果展开摘要
131 html  css  cross-browser 

8
通过把手传递变量
我目前正在express.js应用程序中处理handlebars.js。为了使事情保持模块化,我将所有模板都分成了部分。 我的问题:我找不到通过部分调用传递变量的方法。假设我有一个部分看起来像这样: <div id=myPartial> <h1>Headline<h1> <p>Lorem ipsum</p> </div> 假设我用“ myPartial”这个名字注册了这个部分。然后,在另一个模板中,我可以说: <section> {{> myPartial}} </section> 效果很好,部分将按预期渲染,我是一个快乐的开发人员。但是,我现在需要的是一种通过此调用传递不同变量的方法,例如在部分标题内检查是否给出标题。就像是: <div id=myPartial> {{#if headline}} <h1>{{headline}}</h1> {{/if}} <p>Lorem Ipsum</p> </div> 发票应如下所示: <section> {{> myPartial|'headline':'Headline'}} </section> 或者。 我知道,在渲染模板之前,我能够定义所需的所有数据。但是我需要一种像刚才解释的方法。有没有办法?

22
刷新页面时如何防止重新提交表单(F5 / CTRL + R)
我有一个简单的表单,可将​​文本提交到SQL表。问题在于,用户提交文本后,他们可以刷新页面,并且无需再次填写表单即可再次提交数据。提交文本后,我可以将用户重定向到另一个页面,但是我希望用户停留在同一页面上。 我记得读过一些有关为每个用户提供唯一的会话ID,并将其与另一个值进行比较的信息,这些值解决了我遇到的问题,但我忘记了它在哪里。
131 php  html  forms  post  form-submit 

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.