程序设计 html

4

我可以看到这段代码可以使div在其父元素内垂直对齐： .element { position: relative; top: 50%; transform: translateY(-50%); } 问题是为什么？我首先想到的是父元素所包含的内容不只是视口。我将父视口设置为高度100vh和宽度相等100%。那没有用。我仍然需要平移或负边距补偿。当父元素设置为时，为什么需要负偏移量margin: 0;？是因为我没有考虑到计算利润率吗？

80 html css

7

使HTML表单上的Enter键提交而不是激活按钮

我有一个带有单个submit输入的HTML表单，但也包含各种button元素。当用户按下“ enter”键时，我希望它实际提交表单，但是（至少在Chrome 15中），我发现它触发了第一个button表单（因为在HTML中早于submit输入表单，我猜）。我知道一般来说，您不能强迫浏览器偏爱特定的submit输入，但我确实认为它们会偏爱submit输入而不是button元素。我可以对HTML进行一些小的调整以使它起作用，还是我不得不采用某种Javascript方法？这是HTML的粗略模型： <form action="form.php" method="POST"> <input type="text" name="field1"/> <button onclick="return myFunc1()">Button 1</button> <input type="submit" name="go" value="Submit"/> </form>

80 jquery html forms

8

如何在语义上为HTML中的列表提供标题，标题或标签

为HTML列表提供语义标题的正确方法是什么？例如，以下列表具有“标题” /“标题”。水果苹果梨橙子应该如何处理“水果”一词，使其在语义上与列表本身相关联？

80 html html-lists semantic-markup

12

YouTube：如何显示静音的嵌入视频

我正在尝试嵌入声音静音的视频，但无法弄清楚它是如何工作的。目前，我正在使用此功能，但无法正常工作： <iframe src="https://www.youtube.com/embed/uNRGWVJ10gQ?rel=0&amp;autoplay=1" width="560" height="315" frameborder="0" allowfullscreen></iframe> 你们谁都知道我该怎么做？

80 html youtube youtube-iframe-api

9

在客户端清理/重写HTML

我需要显示通过跨域请求加载的外部资源，并确保仅显示“安全”内容。可以使用Prototype的String＃stripScripts删除脚本块。但是诸如onclick或的处理程序onerror仍然存在。是否有任何图书馆至少可以删除脚本块，杀死DOM处理程序，删除列入黑名单的标签（例如：embed或object）。那么，那里有JavaScript相关的链接和示例吗？

80 javascript html security html-sanitizing

4

我该如何构造一个表头，而不是跨越HTML中的多行？

我想构造一个表，如下所示： | Major Heading 1 | Major Heading 2 | | Minor1 | Minor2 | Minor3 | Minor4 | ---------------------------------------------- | col1 | col2 | col3 | col4 | rest of table ... 鉴于TH元素只有1行，如何构造标题行（如列排列）？分层表似乎不是一个好选择，因为列宽不会对齐，而且我也不能在带有colspan的TH标签的两行中使用。

80 html html-table

10

从Bot隐藏电子邮件地址-保留mailto：

tl; dr 在不使用脚本的情况下从漫游器隐藏电子邮件地址并维护mailto:功能。方法还必须支持屏幕阅读器。概要电子邮件混淆，无需使用脚本或联系表格电子邮件地址必须对观众完全可见，并保持mailto:功能电子邮件地址不能为图像形式。电子邮件地址必须对垃圾邮件抓取者和垃圾邮件机器人以及任何其他收割者类型“完全”隐藏所需效果：请没有脚本。项目中没有使用脚本，我想保持这样。电子邮件地址可以显示在页面上，也可以在用户进行某种形式的交互后轻松显示，例如打开模式。该用户可以点击的电子邮件地址，这反过来会触发mailto:功能。单击电子邮件将打开用户的电子邮件应用程序。换句话说，mailto:功能必须起作用。电子邮件地址不可见或未标识为机器人的电子邮件地址（包括页面源）我的收件箱里没有垃圾邮件什么不工作添加联系表格-或类似内容-代替电子邮件地址我讨厌联络表格。我很少填写联系表格。如果没有电子邮件地址，我会寻找电话号码，如果没有电话号码，我会开始寻找替代服务。如果绝对需要，我只会填写联系表格。用地址图像替换地址这会对使用屏幕阅读器的人造成巨大的不利影响（请记住，您未来的项目中有视力障碍的人）除非您使图像可单击，然后再将该功能添加为链接的，否则它还会删除该mailto:功能，但这违背了目的，并且现在僵尸程序可以看到该电子邮件。mailto:href 可能有效的方法：巧妙地使用pseudo-elementsinCSS 利用base64编码的解决方案分解电子邮件地址并在文档中散布各个部分，然后在用户单击按钮时将它们放回模态中（这可能涉及多个CSS类和的用法anchor tags） html通过更改属性CSS @MortezaAsadi在下面的评论中优雅地提出了可能性。这是完整链接-该文章来自2012年：如果我们可以使用CSS更改HTML属性怎么办？我所不了解的其他创造性解决方案。类似的问题/修复 JavaScript：Joe Maller保护您的电子邮件地址（这是乔·马勒（Joe Maller）提出的一个很好的解决方案，它可以很好地工作，但是它是基于脚本的。 <SCRIPT TYPE="text/javascript"> emailE = 'emailserver.com' emailE = ('yourname' + '@' + emailE) document.write('<A href="mailto:' …

80 html css web-crawler mailto

5

如何使用HTML / CSS UI构建本机C ++应用程序？

使用HTML和CSS作为用户界面时是否可以开发C ++程序？我了解使用Webkit容器使用Javascript进行编程的知识，但是我对C ++开发确实很感兴趣。当我在Windows下开发时，我感到爱上C＃WPF，但是现在我转而使用Linux，但找不到用于将标记用于接口的好工具。为此，我想将HTML和CSS（它们非常轻巧且易于使用）与C ++代码和WPF等混合使用。哦，还有一件事：我在寻找桌面开发而不是网络。

80 c++ html css user-interface desktop-application

5

将两个班级分配给一个div时，班级否决

我正在创建一个<div>标签，在该标签中，我想为<div>标签应用两个类，这将是一个缩略图库。一类代表其位置，另一类代表其风格。这样我可以应用样式，结果有些奇怪，这使我产生了疑问。可以给<div>标签分配两个类别吗？如果是这样，哪一个优先于另一个？或者哪个优先？

80 class css html

5

如何使用JavaScript将所有HTML元素子级移动到另一个父级？

想像： <div id="old-parent"> <span>Foo</span> <b>Bar</b> Hello World </div> <div id="new-parent"></div> old-parent在new-parent不使用jQuery的情况下，可以编写哪种JavaScript将所有子节点（元素和文本节点）从移到？我不在乎节点之间的空格，尽管我希望能抓住一些麻烦Hello World，但它们也需要按原样迁移。编辑需要明确的是，我想得出以下结论： <div id="old-parent"></div> <div id="new-parent"> <span>Foo</span> <b>Bar</b> Hello World </div> 提议重复的问题的答案将导致： <div id="new-parent"> <div id="old-parent"> <span>Foo</span> <b>Bar</b> Hello World </div> </div>

80 javascript html dom-manipulation

6

如何使用CSS将表格放在页面中心？

我正在使用以下代码。如何使用CSS将此表格放在页面中心？ <html> <head> <link rel="stylesheet" type="text/css" href="styles.css" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>The Main Page</title> </head> <body> <table> <tr> <td><button class="lightSquare"></button></td> <td><button class="darkSquare"></button></td> <td><button class="lightSquare"></button></td> <td><button class="darkSquare"></button></td> <td><button class="lightSquare"></button></td> <td><button class="darkSquare"></button></td> <td><button class="lightSquare"></button></td> <td><button class="darkSquare"></button></td> </tr> </table> </body> </html>

80 html css html-table center

9

我可以使用CSS按比例缩放其高度吗？

是否可以在CSS中设置任何变量，例如希望div高度始终为div的一半，而div的屏幕尺寸宽度以百分比为单位？ <div class="ss"></div> CSS： .ss { width:30%; height: half of the width; } 30％的宽度随屏幕分辨率缩放

80 html css

9

使用JavaScript在div中添加/删除HTML

我希望能够将多个行添加到div并删除它们。我在页面顶部有一个“ +”按钮，用于添加内容。然后，每行右侧都有一个“-”按钮，用于删除该行。我只是无法弄清楚此示例中的javascript代码。这是我的基本HTML结构： <input type="button" value="+" onclick="addRow()"> <div id="content"> </div> 这是我想在内容div中添加的内容： <input type="text" name="name" value="" /> <input type="text" name="value" value="" /> <label><input type="checkbox" name="check" value="1" />Checked?</label> <input type="button" value="-" onclick="removeRow()">

80 javascript html innerhtml

5

如何创建将条目添加到日历的链接？

我在这家夜总会工作，目前正在为他们建立一个网站，他们举办了很多活动，并且他们的网站围绕活动而建，今天，他们为每个活动制作一个Facebook活动，但是拥有“添加到我的日历”按钮，将其添加到您的iCal或Google日历（甚至可能是Outlook）。我设法弄清楚了如何制作日历供稿，但随后它将被添加为新日历，唯一的好处是人们可以“订阅事件”，但是为每个事件都拥有一个日历是很麻烦的。所以我想知道如何实现一个功能，使他们可以轻松地将其添加到主日历中。像mailto：链接那样思考，但如果可能的话，可以使用日历。同样，在我讨论这个主题时，没有人知道是否可以将事件自动从Facebook导入到WordPress或将事件从WordPress自动导出到Facebook，这很好，但这并不是那么重要。

80 html calendar google-calendar-api icalendar

2

如何使用JavaScript获取HTML中的lang属性？

如何lang使用JavaScript获取HTML中的属性？ <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

80 javascript html

Questions tagged «html»