- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
我用表单构建了一个页面,由于某种原因,表单的按钮和页脚元素未显示在页面上。
我添加了一个链接,以便您可以签出我的代码。而且我知道这很重要!因此,如果您可以给我有关CSS和HTML的任何提示,请随时告诉我。
http://jsfiddle.net/jeramiewinchell/j6n0w1tj/
enter code here
最佳答案
编辑中的公平点。我说那是一团糟,没有给予任何积极的评价。
以下是一些可以改善HTML的技巧(带有参考链接):
您应该指定一个文档类型(例如:<!doctype html>
),而不要使用空的<!DOCTYPE>
标记。
http://www.w3.org/TR/html-markup/syntax.html#doctype-syntax
最好用<html>
包装所有内容,并用<head>
包装标题和链接。我尚不清楚不使用它们是否在技术上有效(W3C HTML验证程序将在没有<head>
的情况下不验证页面,尽管它将在没有<html>
的情况下进行验证),但这很好,并且可以帮助保持组织状态。
链接应具有指示mime类型的类型(在本例中为type="text/css"
)。
http://www.w3schools.com/tags/tag_link.asp
关闭空元素(例如:img,链接,输入)在HTML5中不是强制性的,但在XHTML中是强制性的。根据您选择的文档类型,应相应地将其关闭。最后使用/>
对HTML5和XHTML均有效,因此您可能需要考虑使用它。
http://www.456bereastreet.com/archive/201005/void_empty_elements_and_self-closing_start_tags_in_html/
不要嵌套<p>
标签。段落是只能包含措辞内容的块元素(=不能包含块/段落元素)。解决方法:将<p class="site_section1">
替换为<div class="site_section1">
。
http://www.w3.org/TR/html5/grouping-content.html#the-p-element
始终关闭您打开的块标签。例如,您永远不会关闭<p class="site_section1">
(尽管正如我在上一点中所述,您应该将其设置为<div>
...,然后将其关闭)。浏览器中的结果可能无法预测。
我在上面的评论中提到过(很抱歉,我不知道英语的名字),您应该避免交叉标签/标签嵌套。这是不正确的:<label>...<select></label>...</select>
,应为<label>...</label><select>...</select>
。
同样,这不是强制性的,但最好在value
标记中设置<option>
属性。如果不指定值,则发送的值将是<option>
标记之间的内容(在这种情况下,可能就是您想要的内容)。
不要忘记所有代码并正确关闭标签!像这样的事情:<button type="submit">Save</buttons </div>
可能会带来灾难性的结果(尽管对我来说看起来更像是错别字)。
不要两次关闭标签(例如:您两次</body>
对于CSS(还有一些参考链接):
避免不必要的样式。例如:border-radius:0px
是不必要的,因为边界半径的默认值是0(除非您已经定义了以前的样式并且想要覆盖它)。
http://www.w3schools.com/cssref/css3_pr_border-radius.asp
如果值不为0,则需要指定单位。例如:margin-left:15
是px还是em中的15?
http://www.w3.org/TR/CSS21/syndata.html#length-units
值是0时,单位是可选的。某些人发现它更易读,并且更好,因为它更短。我个人喜欢他们。您的电话,但始终:
保持一致:如果您将零值的单位省略,请在所有定义中都使用。对我来说,在padding:0
旁边看到margin:0px
(无单位)看起来很尴尬。它将帮助您以后阅读和维护代码。
您可以将许多样式合并在一起。例如:.zonelist23
,.zonelist24
和.zonelist25
相同,您可以仅定义一种样式(例如:.zonelist_bml30
)或将它们全部设置在一起:.zonelist23, .zonelist24, .zonelist25 { ... }
不是强制性的,但很不错:font-family标记应具有多个名称,作为“后备”系统。这样,如果浏览器不支持第一个字体,它将转到下一个,依此类推。
http://www.w3schools.com/css/css_font.asp
出于好奇:您是要放入样式表.header
还是header
?我个人尝试避免使用与标签同名的类/ id,以使代码更易于理解,但这是个人选择。据我所知,没有什么可以反对将类命名为标签。
一种乐趣和学习的方式(您现在可能认为我有一种奇怪的乐趣和学习的方式):
转到W3C HTML Validator。
单击“通过直接输入验证”选项卡。
在框中复制您的代码。
点击“验证”按钮。
查看第一个错误,并阅读注释(请访问链接以供参考)。
根据您阅读的内容修复代码。
点击“重新验证”按钮。
重复步骤5-7,直到没有发现错误为止。
(您可以对W3C CSS Validator中的CSS进行相同的操作)
关于html - 无法在页面上看到我的表单按钮或页脚,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25496351/
我通过 spring ioc 编写了一些 Rest 应用程序。但我无法解决这个问题。这是我的异常(exception): org.springframework.beans.factory.BeanC
我对 TestNG、Spring 框架等完全陌生,我正在尝试使用注释 @Value通过 @Configuration 访问配置文件注释。 我在这里想要实现的目标是让控制台从配置文件中写出“hi”,通过
为此工作了几个小时。我完全被难住了。 这是 CS113 的实验室。 如果用户在程序(二进制计算器)结束时选择继续,我们需要使用 goto 语句来到达程序的顶部。 但是,我们还需要释放所有分配的内存。
我正在尝试使用 ffmpeg 库构建一个小的 C 程序。但是我什至无法使用 avformat_open_input() 打开音频文件设置检查错误代码的函数后,我得到以下输出: Error code:
使用 Spring Initializer 创建一个简单的 Spring boot。我只在可用选项下选择 DevTools。 创建项目后,无需对其进行任何更改,即可正常运行程序。 现在,当我尝试在项目
所以我只是在 Mac OS X 中通过 brew 安装了 qt。但是它无法链接它。当我尝试运行 brew link qt 或 brew link --overwrite qt 我得到以下信息: ton
我在提交和 pull 时遇到了问题:在提交的 IDE 中,我看到: warning not all local changes may be shown due to an error: unable
我跑 man gcc | grep "-L" 我明白了 Usage: grep [OPTION]... PATTERN [FILE]... Try `grep --help' for more inf
我有一段代码,旨在接收任何 URL 并将其从网络上撕下来。到目前为止,它运行良好,直到有人给了它这个 URL: http://www.aspensurgical.com/static/images/a
在过去的 5 个小时里,我一直在尝试在我的服务器上设置 WireGuard,但在完成所有设置后,我无法 ping IP 或解析域。 下面是服务器配置 [Interface] Address = 10.
我正在尝试在 GitLab 中 fork 我的一个私有(private)项目,但是当我按下 fork 按钮时,我会收到以下信息: No available namespaces to fork the
我这里遇到了一些问题。我是 node.js 和 Rest API 的新手,但我正在尝试自学。我制作了 REST API,使用 MongoDB 与我的数据库进行通信,我使用 Postman 来测试我的路
下面的代码在控制台中给出以下消息: Uncaught DOMException: Failed to execute 'appendChild' on 'Node': The new child el
我正在尝试调用一个新端点来显示数据,我意识到在上一组有效的数据中,它在数据周围用一对额外的“[]”括号进行控制台,我认为这就是问题是,而新端点不会以我使用数据的方式产生它! 这是 NgFor 失败的原
我正在尝试将我的 Symfony2 应用程序部署到我的 Azure Web 应用程序,但遇到了一些麻烦。 推送到远程时,我在终端中收到以下消息 remote: Updating branch 'mas
Minikube已启动并正在运行,没有任何错误,但是我无法 curl IP。我在这里遵循:https://docs.traefik.io/user-guide/kubernetes/,似乎没有提到关闭
每当我尝试docker组成任何项目时,都会出现以下错误。 我尝试过有和没有sudo 我在这台机器上只有这个问题。我可以在Mac和Amazon WorkSpace上运行相同的容器。 (myslabs)
我正在尝试 pip install stanza 并收到此消息: ERROR: No matching distribution found for torch>=1.3.0 (from stanza
DNS 解析看起来不错,但我无法 ping 我的服务。可能是什么原因? 来自集群中的另一个 Pod: $ ping backend PING backend.default.svc.cluster.l
我正在使用Hibernate 4 + Spring MVC 4当我开始 Apache Tomcat Server 8我收到此错误: Error creating bean with name 'wel
我是一名优秀的程序员,十分优秀!