Tag: html

在html中为“href”开头,

我最近开始学习html,有一件事让我非常困惑,那就是为什么有些链接在path之前有一个正斜杠(“/”),而有些链接却没有? 即。 <link href="/favicon.png" rel="icon"> <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css"> 与 <dt><a href="reset/index.html">Reset CSS</a></dt> 一个是相对path,一个是绝对path? 以及href是如何工作的? 它只是坚持基地url后的path名?

哪些元素支持:: before和:: after伪元素?

我试图为HTML5中的<input>提供一些良好的默认样式,并尝试以下方法: input::after { display: inline; } input:valid::after { content: ' ✓ '; color: #ddf0dd; } input:invalid::after { content: ' ✗ '; color: #f0dddd; } 唉, ::after内容永远不会显示出来。 伪元素的双冒号和单冒号不是问题; 我已经尝试了两个。 有一个伪元素和一个伪类也不是问题; 我试过没有:valid和:invalid 。 我在Chrome,Safari和Firefox中得到了相同的行为(Firefox没有:valid :invalid伪类,但我没有这样做。 伪元素在<div> , <span> , <p>和<q>元素上工作正常 – 其中一些是块元素,一些是内联的。 所以,我的问题是:为什么浏览器认为<input>没有::after ? 我无法在规范中find任何可以表明这一点的内容。

页面底部的JavaScript?

我读过最好把所有的JavaScript文件放在网页的底部。 HTML5 Boilerplate模板似乎同意: http ://html5boilerplate.com/ 似乎被广泛使用。 我的问题是:第一,这是否有真正的基础? 我已经做了Firebug的testing,似乎有一些小的影响,但它是微不足道的? 图像和其他来源似乎并没有开始加载,直到CSS文件和脚本文件已经加载,但坚持他们在底部似乎没有太大的差异。

在JavaScript中设置一个callback函数到一个新的窗口

有没有一种简单的方法来设置一个“callback”function,以在JavaScript中打开的新窗口? 我想从新窗口中运行父function,但我希望父母能够设置此特定function的名称(所以它不应该在新的Windows页面硬编码)。 例如在父母我有: function DoSomething { alert('Something'); } … <input type="button" onClick="OpenNewWindow(linktonewwindow,DoSomething);" /> 在子窗口中,我想: <input type="button" onClick="RunCallbackFunction();" /> 问题是如何创build这个OpenNewWindow和RunCallbackFunction函数。 我虽然关于发送函数的名称作为查询参数到新窗口(其中服务器端脚本在生成的孩子的HTML中生成适当的函数调用),这是有效的,但我想在是否有另一种或更好的方式来完成这可能是一些甚至不需要服务器端修补的东西。 纯粹的JavaScript,服务器端解决scheme和jQuery(或其他框架)都欢迎。

如何为html创build自定义标签

我想了解如何为html创build自定义标签,如果有人能给我链接或build议,我将是最感激的。 如果你能把我redirect到“傻瓜”教程会更好。

我可以在跨度标记中使用多个ItemProp for schema.org丰富片段吗?

假设我有以下句子,我想添加丰富的片段: 我在纽约生活和工作 由于纽约既是我的居住地,也是我工作的城市,理论上我想用schema.org标准来标记这样的行: <div itemscope itemtype = 'http://schema.org/Person'>I live and work in <span itemprop = 'homeLocation' itemprop = 'workLocation'>New York</span></div> 在一个span标签中有两个itemprops是否有效? 如果不是的话,下面的工作会是? <div itemscope itemtype = 'http://schema.org/Person'>I live and work in <span itemprop = 'homeLocation'><span itemprop = 'workLocation'>New York </span></span></div>

我可以在Angular 2中将事件从父母发送给孩子吗?

我在父类中提交button,即personDetails 。 personDetails有许多人员类。 每当我点击提交button,我想调用子类中的方法。 我怎样才能发出一个方法从父母到孩子使用output ? 从小孩到家长很容易做到。 我想要访问子组件的html值,因此我需要从父到子发出一个事件。

使用Google App脚本将多个file upload到Google云端硬盘

我试图一次上传多个文件与我的应用程序。 它识别何时有2个或更多文件被选中。 但是,它只会将选中的第一个file upload到我的驱动器。 另外(虽然很小),我想知道如何改变我的textarea字体为Times New Roman,以保持字体的其余部分一致。 Code.gs function doGet() { return HtmlService.createHtmlOutputFromFile('form') .setSandboxMode(HtmlService.SandboxMode.IFRAME); } function uploadFiles(form) { try { var foldertitle = form.zone + ' | Building: ' + form.building + ' | ' + form.propertyAddress + ' | ' + form.attachType; var folder, folders = DriveApp.getFolderById("0B7UEz7SKB72HfmNmNnlSM2NDTVVUSlloa1hZeVI0VEJuZUhSTmc4UXYwZjV1eWM5YXJPaGs"); var createfolder = folders.createFolder(foldertitle); folder = createfolder; […]

用javascriptsortinghtml列表

我有一组三个列表项,我想在页面加载时自动从高到低显示。 理想情况下使用jQuery或JavaScript。 <ul class="list"> <li id="alpha">32</li> <li id="beta">170</li> <li id="delta">28</li> </ul> 每个列表项都需要自己的ID,因为它们每个都有单独的背景图像。 数字必须是文本节点,以便用户可以编辑它们。

Android和IOS需要什么样的字体文件?

我有这些作为我的字体文件: @font-face { font-family: 'FontAwesome'; src: url('@{fa-font-path}/fontawesome-webfont.eot') format('embedded-opentype'), url('@{fa-font-path}/fontawesome-webfont.woff2') format('woff2'), url('@{fa-font-path}/fontawesome-webfont.woff') format('woff'), url('@{fa-font-path}/fontawesome-webfont.ttf') format('truetype'), url('@{fa-font-path}/fontawesome-webfont.svg fontawesomeregular') format('svg'); // src: url('@{fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts font-weight: normal; font-style: normal; } 只是这些满足我的需求: @font-face { font-family: 'FontAwesome'; src: url('@{fa-font-path}/fontawesome-webfont.eot'); src: url('@{fa-font-path}/fontawesome-webfont.woff2') format('woff2'), url('@{fa-font-path}/fontawesome-webfont.woff') format('woff'), url('@{fa-font-path}/fontawesome-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } woff和woff2能满足我的需求吗?