Questions tagged «html»

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

6
jQuery-向下滚动时会缩小的粘性标头
我想知道当向下滚动页面时如何使粘性标头收缩(带有动画),而当页面向上滚动至顶部时又如何回到正常状态。这里有两个例子需要澄清: http://themenectar.com/demo/salient/ http://www.kriesi.at/themes/enfold/ 我得到了固定的零件,但是当用户向下滚动时,应该如何缩小标题呢? 万分感谢

14
Objective C HTML转义/转义
想知道是否有一种简单的方法可以在Objective C中执行简单的HTML转义/转义。我想要的是这样的伪代码: NSString *string = @"<span>Foo</span>"; [string stringByUnescapingHTML]; 哪个返回 <span>Foo</span> 希望也转义所有其他HTML实体,甚至ASCII码(例如Ӓ等)。 Cocoa Touch / UIKit中有什么方法可以做到这一点?

6
如何通过链接开始Skype聊天-而非通话
您可以将其skype:username放入href链接的属性中,并且该链接可以工作,但是它会开始通话,但是我想创建一个链接以开始聊天(文本对话)。我知道这skype:是一种协议,但不知道如何创建此链接。
74 html  chat  skype 


4
JavaScript无法在jsfiddle.net上运行
以下代码可在实时站点上运行,但无法在jsfiddle站点上运行。 参见此示例。 谁能告诉我为什么它不能在jsfiddle上运行? 在控制台上,它记录:ReferenceError: fillList is not defined和ReferenceError: mySelectList is not defined。 如下面的代码片段所示,代码可以正常工作: function BetterSelect(oSelList) { this.objSelectList = oSelList; this.objSelectList.onchange = this.selectionChanged; } BetterSelect.prototype.clear = function() { this.objSelectList.options.length = 0; } BetterSelect.prototype.fill = function(aValues) { this.clear(); for (var i = 0; i < aValues.length; i++) { this.objSelectList.options[i] = new Option(aValues[i]); …

2
什么是:: content / :: slotted伪元素,它如何工作?
对于Google而言,这是不可能的,因为每个谈论:before和:after伪元素的文章似乎都使用“内容”一词。 我在这篇CSS-Tricks文章中听说了这一点,解释了如何实现图像滑块作为Web组件的示例用例。因此,它出现在内部的代码示例为: 的CSS #slides ::content img { width: 25%; float: left; } 的HTML <template> ... <div class="inner"> <content select="img"></content> </div> </template> 似乎是指该<content>标签,该标签用于允许用户包括Web组件,但我希望对此有更深入的了解。 编辑: 在进一步阅读之后,在上述文章中,我找到了作者的“ Shadow DOM CSS Cheatsheet”链接,其中包括一段解释什么是::content伪元素的段落: 选择元素内部的分布式节点。对于不支持本机选择器的浏览器,需要与polyfill-next-selector配对。 ::content h1 { color: red; } 资料来源:http : //robdodson.me/blog/2014/04/10/shadow-dom-css-cheat-sheet/ 这是有帮助的,但是我仍然发现整个事件相当不透明。还有其他见解吗?

7
在2011年为iOS / Android开发HTML5离线存储解决方案
问题: 我需要一个与设备无关的解决方案(例如HTML5),用于在电话或平板电脑类型的设备(例如iOS / Android)上离线存储和查询250,000多行数据。我的想法是让人们在没有任何蜂窝数据连接的情况下在偏远地区工作,他们需要对此数据运行查询并在脱机时对其进行编辑。部分将基于地理位置,因此,如果资产所在的区域中有资产(使用GPS),则它将显示这些资产并进行编辑。当他们返回办公室时,他们可以将数据同步回办公室服务器。 我从Web标准的角度来解决这个问题的原因基本上是为了节省金钱和时间,方法是在HTML5中编写一次,然后在多个平台上工作,而不是在Objective C和Java中编写两次。同样,如果您编写的内容与平台无关,那么您就不会被锁定,并且当每个人都迁移到更新的版本时,都不会陷入困境。我们有一个为Windows Mobile 5编写的类似应用程序,但由于该平台已失效,它已无用。 设备上的离线数据库必须为: 快速(响应时间少于2秒) 可能执行联接并与能够查询数据库的其他表有关系 根据GPS读数,通过x和y坐标选择某个范围或标准内的数据。 选项: HTML5本地存储: 对于少量<5,000个键/值的数据,如果将其转换为JSON,您甚至可以在其中存储数组/对象。 缺点: 即使在高端计算机上,超过10,000行的浏览器也会缓慢爬行。 无法对数据进行复杂的查询以提取所需的数据,因为您必须遍历整个存储并手动搜索它。 可以存储的存储空间的限制 Web SQL数据库: 符合要求。 快速在250,000行上运行查询(1-2秒) 可以创建复杂的查询,联接等 受Safari,Android和Opera支持,因此可在iOS和Android设备上使用 缺点: 自2010年11月起弃用 跨目录攻击的安全漏洞。并不是真正的问题,因为我们不会共享托管 IndexedDB: 键/值对象存储与本地存储类似,但带有索引。 缺点: 缓慢地对200,000行执行查询(15-18秒) 无法运行复杂的查询 不能与其他表联接 主要电话或平板电脑设备(例如iPad / Android)不支持 标准不完整 这就留下了实现不推荐使用的Web SQL方法的唯一选择,该方法只能再使用一年左右。目前,IndexedDB和本地存储不可用。 我不确定Mozilla和Microsoft如何弃用Web SQL数据库标准,以及W3C为何允许它发生。据推测,它们之间拥有台式机浏览器市场的77%。在先进的移动设备上,Mozilla和Microsoft的影响力几乎为零,因为Safari,Opera和Android占据了90%以上的市场份额。Mozilla和Microsoft如何决定应该在移动市场中使用哪个标准,而在哪个市场中最有可能使用脱机存储,这没有任何意义。 Mozilla在关于为什么要使用IndexedDB的评论中,主要是关于“开发者审美”的,他们不喜欢在JavaScript中运行SQL的想法。我不买。 目前,提出的标准还很差,并且是一个极其基本的NoSQL实现,该实现很慢,甚至不支持人们在数据库中所需的高级功能。建立数据库和获取数据有很多样板代码,但他们声称人们会在其顶部编写一些不错的抽象库,这些库将提供更多高级功能。截至2011年10月,它们无处可寻。 他们已经弃用了现有的Web SQL标准,该标准实际上有效并已在主要的移动/平板电脑浏览器中实现。而在主要的移动浏览器中没有它们的“新”和“更好”标准。 在接下来的3-5年中,作为IndexedDB规范可能逐步标准化,具有更多功能,在主要的移动/平板电脑浏览器中实现的功能以及一些易于使用的好的库,开发人员应该使用什么? W3C应该保持Web SQL数据库标准并行运行,并解决问题。它已经支持主要的移动平台,并且运行良好。Mozilla和Microsoft作为拥有最多桌面浏览器份额的两个播放器能够取消此标准的事实是相当可疑的,并且可以被视为试图阻止移动Web平台上的进展,直到他们能够赶上并提供该标准。与iOS / …

5
HTML Agility Pack按类别获取所有元素
我在html敏捷包中遇到了麻烦,无法找到正确的方法来解决这个问题。 例如: var findclasses = _doc.DocumentNode.Descendants("div").Where(d => d.Attributes.Contains("class")); 但是,显然您可以将类添加到比divs更多的类,所以我尝试了这一点。 var allLinksWithDivAndClass = _doc.DocumentNode.SelectNodes("//*[@class=\"float\"]"); 但这不能解决您添加多个类并且“ float”只是这样的情况之一的情况。 class="className float anotherclassName" 有没有办法处理所有这些?我基本上想选择所有具有class =且包含float的节点。 **答案已记录在我的博客上,并在以下位置提供了完整的解释:Html Agility Pack按类别获取所有元素


6
如何迫使div出现在下面而不是另一个旁边?
我想将div放在列表下方,但实际上它位于列表旁边。列表是动态生成的,因此没有固定的高度。我想将map div放在右边,将div放在列表的顶部(在地图的旁边),将第二div放在列表的下面(但仍然在map的右边) #map { float:left; width:700px; height:500px; } #list { float:left; width:200px; background:#eee; list-style:none; padding:0; } #similar { float:left; width:200px; background:#000; } <div id="map">Lorem Ipsum</div> <ul id="list"><li>Dolor</li></li>Sit</li><li>Amet</li></ul> <div id ="similar"> this text should be below, not next to ul. </div> 运行代码段隐藏结果展开摘要 有任何想法吗?
74 html  css 

4
如何计算排版中的CSS字母间距与“跟踪”?
我从图形设计师那里得到了一些布局的说明,该布局为某些元素指定了“ track 100”。在CSSletter-spacing中,“跟踪”的等效属性。 给定用于跟踪的值,您如何将其表示为CSS值(以像素为单位)?
74 html  css 

13
离线iOS Web应用:加载我的清单,但不能离线使用
我正在编写一个可在iOS上离线使用的网络应用。我已经创建了一个清单,将其用作text/cache-manifest,并且在Safari中运行时通常可以正常运行。 如果我将其添加为应用程序到主屏幕,然后打开飞行模式,则根本无法打开该应用程序-我收到错误消息,并且提示您关闭该应用程序。(我认为这是离线应用程序的全部目的!) 首次在线加载应用程序时,我在日志中看到它正在请求清单中列出的每个页面。 如果我关闭飞行模式并加载应用程序,则可以看到它请求的第一个文件是我的main.html文件(这两个文件都在清单中列出并具有manifest=...属性)。然后,它请求清单和我的所有其他文件,全部获得200个文件(在此加载期间第二次请求的文件获得304个文件)。 当我在Chrome中加载该页面并单击时,日志显示它试图到达服务器上的唯一内容是“ /favicon.ico”(这是404,并且我认为iOS Safari不会尝试加载,无论如何)。清单中列出的所有文件都是有效的,可以无错误地提供。 Chrome检查器会在“ APPLICATION CACHE”下列出我希望列出的所有已缓存文件。整个文件集约为50 KB,远低于我发现的离线资源限制。 这是否应该起作用,即我是否应该能够仅使用HTML / CSS / JS创建离线iOS应用?我应该去哪里弄清楚为什么它不能离线工作呢? (相关但对我来说听起来不太一样,因为它是关于Safari而不是独立的应用程序:“无法使Web应用程序在iPod上脱机工作”)

5
我应该在HTML中为我的IMG指定高度和宽度属性吗?
如果我知道要通过图像标签显示的图像的高度和宽度,我应该包括height和width属性,还是仅将信息放入CSS中?或两者? 例如 <img src="profilepic.jpg" height="64" width="64" /> 要么 <img src="profilepic.jpg" height="64" width="64" style="height: 64px; width: 64px;" /> 要么 <img src="profilepic.jpg" style="height: 64px; width: 64px;" />
74 html  css  image 

1
为什么我的textarea的占位符没有出现?
我在所有表单元素上都使用占位符,并且在文本区域之外的所有元素中都显示了占位符。只需现在在野生动物园中查看它,就已经意识到我输入的类型=“ number”也不显示占位符。 该页面位于此处,您需要单击页面顶部的“立即预订”链接。 我的html: <form id="booking" action="single-workshops.php"> <input type="text" required="required" placeholder="name"/><br /> <input type="text" required="required" placeholder="your phone number"/><br /> <input type="email" required="required" placeholder="email"/><br /> <input type="number" required="required" placeholder="how many in your party" /><br /> <textarea rows="5" cols="30" placeholder="enter optional message"> </textarea><br /> <input type="button" value="submit"/> </form>
74 html 

7
当多个具有相同ID值的元素时,jQuery如何工作?
我从Google的AdWords网站获取数据,该网站包含多个具有相同元素的元素id。 您能否解释为什么以下3个查询没有得到相同答案(2)? 现场演示 HTML: <div> <span id="a">1</span> <span id="a">2</span> <span>3</span> </div> JS: $(function() { var w = $("div"); console.log($("#a").length); // 1 - Why? console.log($("body #a").length); // 2 console.log($("#a", w).length); // 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.