标签: xhtml

为什么我需要div标签之间的内容才能应用样式?

我有下面的代码并注意到,如果我没有在标签之间插入任何副本,例如<div id="header"></div样式不适用.

  • 是否要求标签之间必须始终有内容?
  • 是否有更好的方法来实现结果,尤其是在没有内容显示的情况下?

输出的示例可以在http://jsfiddle.net/7mZxG/找到

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta http-equiv="content-language" content="en-us" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="pragma" content="no-cache" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="copyright" content="&copy; 2012" />
    <meta name="robot" content="noindex, nofollow" />

    <title>XHTML/CSS</title>

    <base href="" />

    <link rel="stylesheet" type="text/css" media="all" href="" />

    <style type="text/css">
    * {
        margin: 0px;
        padding: 0px; …
Run Code Online (Sandbox Code Playgroud)

css xhtml

0
推荐指数
1
解决办法
51
查看次数

jQuery不适用于XHTML页面

这是我的XHTML页面的代码.jQuery /js/位于我的应用程序的文件夹中.所有其他页面的验证都是使用相同的文件使用jQuery完成的,但我无法在我创建的这个测试页面上运行简单的jQuery代码.这是页面的代码:

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html">
    <h:head>
        <title>Facelet Title</title>

    </h:head>
    <h:body>
        <script type="text/javascript" src="js/jquery.js"></script>

        <script>

            $(document).ready(function () {
                $("p").text("The DOM is now loaded and can be manipulated.");
            });

        </script>
        <br/><br/><br/>
        <p>Not loaded yet.</p>
        <input id="pedram" type="text" onclick="alert('hi');"/>
    </h:body>
</html>
Run Code Online (Sandbox Code Playgroud)

我也试过用CDATA标签.我还将脚本移到了文档的头部.

唯一正确运作的是alert()我把它放在onclick事件中.没有别的办法.

请告诉我我做错了什么.

xhtml jquery

0
推荐指数
1
解决办法
5509
查看次数

CSS样式表类

有没有办法让你有一个类的CSS文件让我们说p.one {color:red;}

并将其应用于不同的标签?如果有可能,我有办法得到一个例子吗?

css xhtml

0
推荐指数
1
解决办法
52
查看次数

更改<b>标签的颜色

我试图使用JavaScript将此文本的颜色更改为绿色,但我收到警告,它是一个坏对象,脚本崩溃.

<html>
<head>

<style>

b   {

    color: #0000FF;
}

</style>

<script>

function resizea()  {

  var a = document.getElementsByTagName("b");
  a.style.color = "#00FF00";
}

</script>

</head>
<body onload="resizea()">

<b>I am blue</b>

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

html javascript css xhtml

0
推荐指数
1
解决办法
104
查看次数

如何在不使用JQuery的情况下禁用整个Div内容

由于我有JavaScript的基本知识,我想做如下操作:

  • 通过使用两个单选按钮为付款提供两个选项:

    1. 用现金
    2. 通过检查
  • 如果用户选择现金的单选按钮,则检查按钮也应该禁用,并且检查分区中的检查号和银行名称等详细信息也应该禁用.

  • 和签证Versa

有没有办法在不使用JQuery的情况下做到这一点?(禁用div并禁用所有内容)

在此先感谢您的帮助.

html javascript xhtml

0
推荐指数
1
解决办法
2万
查看次数

额外的行添加:使用HTML5 DTD后的伪元素(与XHTML1相比)

很长一段时间我一直在使用一个非常好的列跨越方法我偶然发现,其中我可以有一个带有类.boxcontainer和子.box元素的div ,并使用一个:after伪元素.boxcontainer,我的.box列在页面上对齐很好.以下是最重要的定义:

.boxcontainer {
    text-align:                 justify;
    -ms-text-justify:           distribute-all-lines;
    text-justify:               distribute-all-lines;
    background-color:             orange;
}

.boxcontainer:after {
    content:                    '';
    display:                    inline-block;
    width:                      100%;
    height:                     0px;
    font-size:                  0px;
    line-height:                0px;
}
Run Code Online (Sandbox Code Playgroud)

我之前的大多数项目都是XHTML1 Transitional(我后来学到了与其他DTD相比使用了有限的怪癖模式),并且在XHTML1中使用这种方法,父对象.boxcontainer总是完全包裹在子.box元素周围.

但是,在HTML5中处理一个新项目时,我发现在对齐.box元素下面似乎添加了一条额外的行.你可以在这里看到一个例子:http://jsfiddle.net/RZQTM/1/ - 点击小提琴选项并将DTD更改为其他任何内容,你会看到我的意思 - 一个橙色的'乐队'出现在合理的蓝盒子.

认为这归结为:after伪元素的呈现几乎就像是一个额外的内容,但我不知道如何解决它.任何有关如何移除框下额外空间的提示都将非常感激.

css xhtml html5 pseudo-element

0
推荐指数
1
解决办法
1222
查看次数

为什么在xhtml strict的h1元素中不允许段落元素?

我们知道h1,p元素是块元素.引用一篇文章我读到:

H1是像P这样的块元素,但H1和P只能在其中包含内联内容,这与其他块元素(如form和div)不同.因此,你不能在段落中嵌套标题(如果你想到它,标题真的不应该在段落中).

我想知道为什么p元素不能嵌套在h1元素中以及为什么h1元素不能嵌套在段落元素中?人们只是说原因在于这个环节.

在那个链接中,我找不到它提到h1元素中不允许哪个标记的位置.

是否有文章向我们提供了对哪些元素不允许哪些元素适用于所有doctype版本(HTML 4.0.1,HTML5,XHTML严格等)的文章?

css xhtml html5

0
推荐指数
1
解决办法
293
查看次数

为什么自闭脚本标记不会触发错误?

以下代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>A</title>
    <script type="text/javascript" src="./script.js" />
    <script type="text/javascript">alert("This is skipped.");</script>
</head>
<body>    
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

通过W3C的验证测试,Chrome在此页面上不显示任何Javascript错误.但是,整个文本<script type="text/javascript">alert("This is skipped.");不会被Javascript引擎解析,它只是查找</script>标记,即使它是自我关闭的.但是,加载了文件"script.js".

在Chrome,Firefox和IE 11中,这会导致同样的行为.

为什么是这样?这里到底发生了什么?

html javascript xhtml

0
推荐指数
1
解决办法
551
查看次数

为什么我不能使用onclick事件执行这个简单的JavaScript函数?

我不是那样的JavaScript,我有以下问题.

进入JSP页面我有以下"链接":

<tr onmouseout="Javascript: this.style.background='#FFFFFF'; 
                            this.style.color='#003399';" 
                            onmouseover="Javascript: this.style.background='#003399'; 
                            this.style.color='#FFFFFF'; this.style.cursor='hand';" 
                            onclick="changeLocationTo('edi.do?serv=4.U');">

    <td style="border-top: 0px;">
        Tabella Anagrafica
    </td>
</tr>
Run Code Online (Sandbox Code Playgroud)

因此,当用户单击tr元素时,将执行changeLocationTo() JavaScript函数向其传递String'edi.do?serv=4.U'.

在这个页面中,我已经定义了脚本部分:

<script language="JavaScript" src="js/Script.js">
    function changeLocationTo(newLocation) {

        alert("INTO changeLocationTo, nweLocation: " + newLocation);
        loadingPopUp();

        // you may add an timeout here or to handle a popup action like closing it

        document.location.href = newLocation;
    }
</script>
Run Code Online (Sandbox Code Playgroud)

我的问题是,当我点击前面的tr链接时,它不执行changeLocationTo()函数,每次点击tr时,进入FireBug控制台都显示此错误信息:

ReferenceError: changeLocationTo is not defined
Run Code Online (Sandbox Code Playgroud)

为什么?可能是什么问题呢?我该如何解决这个问题?我错过了什么?

TNX

html javascript xhtml onclick javascript-events

0
推荐指数
1
解决办法
57
查看次数

更新h:form之外的组件 - ComponentNotFoundException

我试图从像这样的窗体内的按钮更新我的xhtml中的元素"entryDiv":

<div id="entryDiv">    
    <div>                              
        <h:form id="myForm">
            <c:forEach items="#{foodPlanManagementBean.loadRestaurantsHistory()}" var="restaurantHistoryEntry">
                    <p:commandButton value="MyName" update="entryDiv"/>
            </c:forEach>
        </h:form>
    </div>

    Some more unrelated elements here...
</div>
Run Code Online (Sandbox Code Playgroud)

但是,这样我剩下的就是ComponentFoundException,告诉我组件无法找到:

Cannot find component for expression "entryDiv" referenced from "form:myForm:j_idt25".
Run Code Online (Sandbox Code Playgroud)

我已经阅读了一些关于SO的内容,我找到了一个解决方案,建议:在"entryDiv"前面放一个,但这并不能给我任何不同的结果.

我怎么能解决这个问题?

xhtml jsf primefaces

0
推荐指数
1
解决办法
1737
查看次数