是什么原因导致<!DOCTYPE html>标签和css代码在html中变灰，但如果与php扩展配合使用则完全正常？有没有办法解决这个问题呢？
这个问题中提到了<!DOCTYPE html>标签和CSS代码在HTML中变灰，但与PHP扩展配合使用时则完全正常。原因导致这种情况发生的可能有几种：
- 编码问题：请确保HTML文件以UTF-8编码保存，并且确保PHP文件也是以UTF-8编码保存的。在HTML文件的
<head>标签中添加<meta charset="UTF-8">可以指定字符编码，确保浏览器正确解析内容。 - 文件扩展名问题：确保HTML文件的扩展名为
.html或.htm，PHP文件的扩展名为.php。有时服务器配置可能需要根据文件扩展名来确定使用的解析器。 - 服务器配置问题：检查服务器的配置文件，确保正确启用了PHP解析器。例如，对于Apache服务器，确保
php_module已启用并且正确配置了PHP解析的文件扩展名。 - PHP代码问题：检查PHP代码中是否存在错误或冲突，可能会导致HTML内容无法正确输出。例如，确保没有不正确的语法或错误的代码块。
如果遇到上述问题导致<!DOCTYPE html>标签和CSS代码变灰的情况，可以尝试解决方法：
- 检查文件编码和扩展名，确保正确设置。
- 检查服务器配置，确保PHP解析器正确启用。
- 检查PHP代码，确保没有错误或冲突。
如果以上方法都无法解决问题，可以尝试在HTML文件中使用外部CSS文件，通过<link rel="stylesheet" type="text/css" href="styles.css">引入CSS文件，并将CSS样式代码放在独立的.css文件中。
注意：以上解决方法仅供参考，具体解决方案可能需要根据实际情况进行调整。
相关·内容
我正在尝试使用VS Code和Microsoft的C/C++扩展来解决以下问题。 上述扩展在源代码中的每个函数/对象定义之上添加一个引用计数。到目前为止，这是一个有用的功能，但对我来说，我认为它并没有像预期的那样工作。 在我的例子中，我开始实现一个线程安全的链表来练习(请忽略代码，这不是本主题的主题)。尽管我导入了头文件并在main-function的main.cpp文件中实例化了该类的一个对象，但整个类都是灰色的。而且，整个main函数都是灰色的，因为没有找到对main-function的引用。这对我来说毫无意义，为什么我要在代码中引用main-function呢？它是程序的入口点，不应该
浏览 360提问于2020-11-23得票数 0
回答已采纳
我正在使用ASP.NET HtmlInputRadioButton runat = server请勿询问为什么不使用RadioButtonList。其他人的代码，当我使用disabled属性时，它会使控件灰显，但标签不会灰显，因此这是一个缺陷。在视觉体验方面，有没有办法禁用这个类似于RadioButtonList.Enabled = false的控件？
浏览 3提问于2010-12-30得票数 0
4回答
我在CSS文件中设置了表单中输入域的样式：
input,textarea,input,select,input,checkbox {
font-size:12px;
font-family:Verdana,Arial,Helvetica,sans-serif;
color:#98925C;
background-color:#000;
border:1px solid #413E22;
}
但是，当我在表单上使用disabled时(例如按下submit按钮)，它不会像应该的那样灰显。
我在提交按钮HTML中有这个
onclick="this.di
浏览 3提问于2012-01-26得票数 1
回答已采纳
HTML代码：
<!DOCTYPE html>
<html>
<head></head>
<body>
<link rel="stylesheet" type="text/css" href="style.css">
<div class="sheet" style="width:80%;max-width:1024px;height:400px;"></div>
</bo
浏览 1提问于2015-10-24得票数 3
我正在使用XSLT2.0和Saxon9he将XML转换为HTML。我遇到的问题是在输出中头部的链接和元标签没有关闭，导致在Chrome中打开文件时出现错误。
在我的样式表中：
<xsl:result-document method="html" href="HTML/index.html" encoding="utf-8">
<xsl:text disable-output-escaping="yes"><!DOCTYPE html></xsl:te
浏览 1提问于2015-12-21得票数 0
3回答
编辑我刚刚用css替换了我所有的标签，作为内联所有不应用任何引导css类属性的表。感谢大家的回复。
在我的yii应用程序中，我有twitter bootstrap css，对于一些静态页面，我需要来自我创建的style.css的css。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
&l
浏览 1提问于2014-09-29得票数 1
2回答
我在CSS中的页面导航器有一个问题。我使用的是普通的Boostrap表，对于具有多个页面的表，我使用的是常规的可分页属性。但是，这些表上的元素数量可以改变，有时只有一个页面，甚至没有元素。当只有一个页面或者没有页面时，有没有办法使页面导航器变灰？
浏览 0提问于2014-09-29得票数 0
我用'vue-cli‘。我运行了'npm‘命令来获取项目的构建版本。因此，在'dist‘文件夹中自动创建了'index.html’。看图片：
我试图在浏览器中运行index.html文件，但是不能运行。浏览器中的按摩表单控制台：
我的Index.html文件的内容：
<!DOCTYPE html>
<html lang=ru>
<head>
<meta charset=utf-8>
<title>cv</title>
<style type=
浏览 0提问于2017-04-25得票数 0
可能重复：
我在Chrome和IE9中测试了一个定制标签IE9。
我使用HTML5 doctype <!DOCTYPE html>。
HTML5不支持自定义标记。代码不会验证，但是浏览器还是会解析它。我甚至可以用CSS瞄准它..。
为什么浏览器在未标准化有效代码的情况下解析自定义标记？
为什么我不应该为了语义代码而使用自定义标记呢？
浏览 3提问于2012-10-10得票数 4
回答已采纳
2回答
我试着学习角质的JS。我编写了这一小部分代码，但由于某种原因，我无法让Angular.JS识别这个HTML。
我的index.html文件：
<!DOCTYPE HTML>
<html ng-app="store">
<head>
<link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css"/>
</head>
<body>
<
浏览 4提问于2016-01-31得票数 2
回答已采纳
我有一个非常基本的网页，我正在加载一个Arduino服务器。当我在Safari上查看页面时，当我使用检查器时，一切都很正常，看起来也不错。但是当我在Chrome (39.0.2版)上加载它时，它会将我所有的HTML封装在一个"pre“标签中，这会阻止我的网页加载(我已经附上了显示检查器输出的屏幕截图)。它还将我的所有代码从"head“标记中移出并放入"body”标记中。首先，这里是我的HTML：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://ww
浏览 3提问于2015-01-13得票数 4
回答已采纳
4回答
如果我的css中有这两个标签组合，我就很难做到这一点：
aside h4 {
color:yellow;
}
article h4 {
color:blue;
}
我将它们应用于以下HTML
<div>
<h4>International new</h4>
<article>
<h4 class="headline">New Developments!</h4>
<aside>
浏览 4提问于2015-12-15得票数 4
回答已采纳
我使用Notepad++进行PHP编辑，并回显HTML标签。Notepad++总是突出显示，并在同一文档中与HTML、CSS、Javascript和PHP代码进行交互。
最新的版本似乎只突出显示了PHP代码，而所有其余的代码，无论是HTML，CSS，Javscript都变灰了，并捆绑在一起。
这是html和javascript的屏幕截图。但是，将语言从菜单栏切换为PHP、HTML或Javascript并不会改变任何事情。
有没有办法再次启用此功能？
浏览 0提问于2011-07-24得票数 4
我一直在学习web开发，我正在学习的这本书是在html文件中使用php标签，但它们对我不起作用，这是我的标题页：
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title><?php echo $page_title; ?></title>
<sty
浏览 0提问于2012-12-25得票数 1
回答已采纳
6回答
用CSS使图像“灰显”的最好方法(如果有的话)是什么(即，不加载单独的灰显图像版本)？
我的上下文是，在表格中的行中，所有的按钮都在最右边的单元格中，并且一些行需要比其他行看起来更轻。因此，我当然可以轻松地使字体更轻，但我也希望使图像更轻，而不必管理每个图像的两个版本。
浏览 81提问于2008-11-13得票数 199
回答已采纳
我有很多模板，都包含在脚本标签中。它们是纯html，但Visual Studio会将它们变灰。我没有任何内联Javascript，所以如果Visual Studio简单地忽略script标签，像对待普通html文档一样对待里面的内容，那就太好了。我已经习惯了CSS类、intellisense和漂亮的代码格式。
这是一个很长的机会，无论如何，这是可能的？现在我正在标记我的HTML，然后把它放在脚本标记中，但我希望有一个更好的解决方案。
浏览 0提问于2010-09-16得票数 3
回答已采纳
我创建了一个容器，其中一行有3列，但我根本没有得到3列，我只得到了一个包含所有内容的长列。知道为什么吗？我正在使用Bootstrap 4。
<?php require_once($_SERVER['DOCUMENT_ROOT'].'/core/config.php'); // Define DIR atc ?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta
浏览 15提问于2018-02-09得票数 0
1回答
几年前，我受聘为符合W3C/AA标准的客户端应用程序开发web前端。我被告知，CSS、JS和其他非视觉/非表示内容应该始终保留在标签中。
示例
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="site.css" />
<script type="text/javascript" src="jquery.js"></script>
浏览 4提问于2014-11-11得票数 2
回答已采纳
在我正在开发的一个web应用程序中，在Chrome和Firefox之间进行测试时，我在元素的DOM中遇到了不同的放置。
在Chrome中查看页面时，<head>标签中的元素似乎被放在<body>中，还有一些空格。在FireFox中查看站点时不会出现此消息。
是什么导致了像这样的元素错位？
我正在用PHP生成页面，从MySql数据库中拉入数据。
db.php包含在header.php中，而index.php包含在其中
header.php：
<?php require('db.php'); ?>
<!DOCTYPE html>
浏览 1提问于2011-12-01得票数 1
回答已采纳
在将index.html文件的内容分成base.html和head.html时，我遇到了这个错误。我尝试从这个文件中删除head标签，并将其放入head.html中，但不起作用。Base.html的内容：
<!DOCTYPE html>
<html >
<head>
#error in this line
{% include 'head.html' %}
</head>
<body>
{% include 'navbar.html' %}
{% block content %}
浏览 7提问于2020-05-19得票数 0
回答已采纳
2回答
我正在学习Html5和Css3。我试图创建一个布局，在那里我需要应用背景图像到标题。我想我已经正确地标记了所有的标签，但似乎不起作用。请帮帮我。我不明白我哪里出问题了？
<!DOCTYPE html>
<html>
<head>
<title>HOME</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
浏览 0提问于2016-01-20得票数 0
回答已采纳
我想要创建一个网站，在那里，而不是复制<head>标签到每一个新的网页。我想把它放在它自己的文件中，只需在每一页中引用它。
我尝试使用<object data="head.html">，head.html有一个指向style.css的链接。但是它没有将整个身体的背景颜色改变为红色，它只是做了一个小的红色矩形。
index.html
<!DOCTYPE html>
<html>
<head>
<object data="head.html"></object>
浏览 1提问于2019-04-16得票数 0
回答已采纳
我的代码出了点小问题。我最近开始使用laravel很长时间了，他们对语法做了一些修改，所以我认为这不是问题所在。我想我在编写基本html时犯了错误。
我的@include显示为文本，甚至当我注释掉这一行时--整件事也是以文本的形式出现。
(我正在使用notepad++)
page.php
@extends('layouts.layout')
layout.php
<!DOCTYPE html>
<html lang="en">
<head>
//@include('includes.head
浏览 4提问于2015-06-10得票数 1
回答已采纳
为什么当我在按钮上设置enabled=false时，它在火狐中不能正确呈现？链接仍然是蓝色的，而不是灰显。
更新
ASP.net已经在链接上删除了这样的标签，所以唯一需要做的就是灰显他的链接。换句话说，CSS样式更改而不是功能更改。
下面有效地解决了在firefox和google chrome中禁用的按钮没有显示为灰色的问题。我把它放到我的样式表中，现在我所有的链接按钮都正确地呈现出来了。
已禁用{
颜色:灰色！重要；文本装饰:无！重要；}
浏览 4提问于2009-04-27得票数 9
回答已采纳
2回答
当我有这样一个简单的HTML标记时：
<!DOCTYPE html>
<html>
<head>
<title>lawl</title>
</head>
<body>
</body>
</html>
查看文档的元素时，在Chrome工具(F12)中，它看起来如下所示：
<!DOCTYPE html>
<html>
<head>
<title>lawl</title
浏览 5提问于2013-09-25得票数 0
回答已采纳
1回答
我正在创建一个网页，并开始使用顶部的style标签：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Front Page</title>
<link rel="stylesheet" type="text/css" href="CSS/Styles.css" /&g
浏览 0提问于2012-09-29得票数 0
回答已采纳
1回答
我一直在使用iCloud‘同步’我正在处理的Xcode项目从我的笔记本电脑到我的台式机。不幸的是，它似乎没那么好用。我今天在台式机上打开了一个项目，昨天我在笔记本电脑上工作。
如果我打开桌面上的文件，故事板中的某些按钮和标签就会丢失。看一看文档外，我可以看到这些，但它们是灰色的(见图)。但是，当我构建文件时，它们在模拟器中显示为正常。知道为什么或者如何让他们正常出现吗？
(如果我在笔记本电脑上打开这个，这些都不会变灰，而且看起来都很正常)
浏览 1提问于2014-12-09得票数 9
回答已采纳
我把我的问题缩小到了一个相当简单的案子。这是可行的(至少在Chrome中)，显示一个“弹出”(弹出)，大部分是屏幕外，屏幕上有一片右手边。当我悬停在可见的部分上时，整个弹出式幻灯片就会滑入视野：
<!DOCTYPE html>
<html>
<head>
<title>Popout test</title>
<style>
#popout {
-webkit-transition: left 0.5s ease-in-out;
width: 200px;
height: 200px;
浏览 2提问于2011-06-17得票数 4
回答已采纳
我有一个非常小的项目(html + css)，其中所有的"pre“标签都有一个CSS样式。它看起来是这样的：
pre { color: blue; }
但是现在，我想把它添加到一个非常大的项目中，我不想毁了一切。我只想修改那些与这个小东西相关的"pre“标签。所以我的想法是，我将所有与此相关的东西都放在一个包装器"div“元素的内部，并且只有那些"pre”标签应该受到这个包装器内部的CSS的影响，无论它有多深。
举个例子：
<pre> not this </pre>
<div> not this </div>
&l
浏览 0提问于2020-05-24得票数 2
当您运行这段代码时，会有一个“拖我下来”的框，我需要将它向下拖动，以便在不影响原始框的情况下复制相同的框(每次拖动它)。如上文所述，我应该对代码进行哪些更改以获得所需的结果。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Draggable + Sortable</title>
<link rel="stylesheet" href="
浏览 1提问于2015-07-04得票数 0
回答已采纳
1回答
HTML4转换中出现的HTML5标签会导致性能问题吗？它会生效吗？
当前doctype声明：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
使用的HTML 5标签：
<section> <header> <nav>
浏览 1提问于2012-09-19得票数 2
回答已采纳
2回答
我正在建设我的第一个网站，我试图附加一个外部css文件..。
我的index.html和test.css都位于完全相同的文件夹/目录中，但是由于某种原因，我的test.css文件没有被链接.
问题：有人知道为什么我的test.css没有链接吗？
//HTML (index.html)
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" media="screen" href="test.css"&
浏览 2提问于2015-09-25得票数 0
回答已采纳
我有如下所示的Html .
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- Meta, title, CSS, favicons, etc. -->
<meta charset="utf-8">
<meta
浏览 8提问于2015-10-28得票数 0
回答已采纳
我在snippest.json上的.vimrc设置。
let g:user_emmet_settings = webapi#json#decode(join(readfile(expand('~/.vim/snippets.json')), "\n"))
let g:emmet_html5 = 1
my .vim/snippets.json中的ani缩写设置。
"ani": "animation:|;",
css文件中的ani可以扩展为animation，snippets.json可以生效。
我预计html:5的扩展
浏览 2提问于2018-05-01得票数 1
1回答
我是AngularJs的新手，也是ui-router的新手。我似乎在创建几条路由时遇到了问题。这就是我如何进行的，从一篇教程中激励自己，但未能重现结果。下面是我的不同文件: 1/index.html <!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, i
浏览 14提问于2020-09-15得票数 1
回答已采纳
当我点击编辑按钮并尝试编辑Email column.The的内容时，HTML表结构发生了奇怪的变化。
这是我的代码片段：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" hre
浏览 0提问于2017-09-15得票数 0
我们在MarkLogic日志中看到了大量内存不足的警告。 林+缓存超过了100%的内存。 森林内存到底是什么，为什么它在加载内容的过程中急剧增加。在迁移过程中，我们看到了从4 4GB到21-25 4GB的峰值，这导致了内存不足的警告。 谁能解释一下森林记忆到底是什么？ 根据我们的数据库的一些统计数据，我们每台主机有32 DB的RAM，我们有10个这样的节点。每台主机的磁盘上大小为19 3GB，内存大小为3 3GB。
浏览 16提问于2021-09-14得票数 0
home.jsp
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<h1>This is My HOME.</h1>
</body>
</html>
实际上，它应该如下所示。
如何在openshift中调用我的网页？
浏览 1提问于2018-04-23得票数 0
我想有它，所以当我的页面调整大小时，‘块’自动在另一个下面，这样它们就可以完美地适合页面，但当它们下拉到'main‘div时，它们也在大小中，这样右边就没有多余的空间了，所以它看起来仍然很好？
非常感谢你的帮助！
HTML
<html>
<head>
<!-- css -->
<link rel="stylesheet" type="text/css" href="main.css">
<title></title&g
浏览 0提问于2013-03-18得票数 1
回答已采纳
我正在尝试创建一个Emmet (+TAB)快捷方式，其中90%已经完成。我只是不知道如何将最后一个嵌套元素放在它们自己的行上。标签、输入和结束的div标签都在一行上。我想把它们都放在单独的线上，
snippet.json代码
"form+": "section.form-container>div.form-wrapper>form:post>(div.form-group>label+inp)+btn:s"
html
<!DOCTYPE html>
<html lang="en">
<hea
浏览 1提问于2020-05-24得票数 0
1回答
很长时间的听众，第一次打电话。
我有一些令人沮丧，似乎莫名其妙的问题谷歌应用程序引擎，Jinja2，和CSS。
我的模板正在工作，我的应用程序的功能可以工作(用户、博客帖子等等)，但是CSS文件在我的Chrome调试工具和我的Google日志中显示了一个很大的404。为什么我的/样式表/main.css没有加载？
亲爱的互联网，我很想听你说这只是一个错误。我肯定我只是个白痴。
这是我的文件目录：
stylesheets
main.css
templates
base.html
blog.html
front.html
login.html
newpost.html
浏览 3提问于2014-02-15得票数 2
回答已采纳
有没有办法让tag CSS3在没有DOCTYPE的情况下工作？你可能会想，为什么我真的需要这个！
在BSP页面中，默认标签(html，title)是由SAP提供的，我们不能更改它们。它们不包括DOCTYPE，我们不能添加DOCTYPE标签，因为使用此标签有限制。但是我必须能够在我的BSP应用程序中使用CSS3。如有任何建议，欢迎光临。
提前谢谢。
浏览 5提问于2012-02-28得票数 0
6回答
如何创建一个不可点击但不灰显的HTML复选框？我使用了disabled=disabled标签，但在Chrome中它变灰了。除此之外，它工作得很好。在jQuery和Rails中工作...
谢谢。
浏览 4提问于2011-06-20得票数 14
回答已采纳
我想从wordpress发送html电子邮件，我已经执行了以下操作来使其工作。包括将内容设置为html ( 'wp_mail_ content _type'，create_function( ''，'return“add_filter/ html”；‘) )；在条带标签中允许html标签(不使用或不使用)
<code>
$wpse_excerpt = strip_tags($wpse_excerpt, wpse_allowedtags());
</code>
它包含了所有的标签，包括(逗号分隔，即'<div>
浏览 0提问于2021-07-13得票数 0
1回答
正如我的标题所说，我不知道为什么CSS可以在所有东西上工作，除了标签标签。
下面是我的文件寄存器代码：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<center> <b> Registration Page </b> </center>
</head>
<br>
浏览 2提问于2012-05-30得票数 0
1回答
基础下拉按钮造型不正确
、、、、
我无法让我的基金会下拉按钮工作(它看起来CSS加载不正确)。我尝试过各种实现按钮的方法，包括以下代码，这些代码或多或少是从Foundation网站剪切和粘贴的：
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1
浏览 6提问于2015-09-06得票数 0
回答已采纳
1回答
我对angularjs很陌生，这听起来可能很傻，但我想知道为什么我的angularjs应用程序在不做模块的情况下不会引导，尽管egghead.io和一些教程显示了不同的情况。这是我的HTML模板
<!DOCTYPE html>
<html ng-app>
<head>
<script data-require="angular.js@*" data-semver="1.4.0-beta.1" src="https://code.angularjs.org/1.4.0-beta.1/angular.j
浏览 1提问于2015-01-26得票数 0
1回答
我有一个简单的HTML页面包含一个视频标签。当在框架集的框架外显示时，我会在视频上得到一个工作的全屏按钮。当放置在框架中的框架内时，全屏按钮就会变灰(Chrome)或者消失(FireFox和IE 11)。有没有人对此有解释--更好的解决办法是给我？任何帮助都是非常感谢的！
default.html：
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" /
浏览 3提问于2019-11-24得票数 0
回答已采纳
1回答
可能不是JSF问题，但JSF专家可能对此了解更多
我在表单上的一些字段，这是启用禁用基于一些ajax请求。我想让它们在失能时变灰。
让我知道您需要查看代码，但只需使用简单的
<f:ajax event="keydown" execute="@this" render="field1 field2" />
字段1 has
disabled="#{not empty someBean.someProperty}"
CSS是
#content input .disabled {color: #DCDAD1; padding:
浏览 16提问于2011-08-29得票数 10
回答已采纳
我正在尝试将一个图像放到我的HTML代码中，但它没有显示任何内容 我已经尝试对src属性使用完整的文件路径，并删除width属性。这是我的完整代码： <!DOCTYPE html>
<html>
<head>
<title>Rattlesnake - Help</title>
<link type="text/css" rel="stylesheet" href="styles.css" />
<meta charset="u
浏览 26提问于2019-09-01得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
