在 XHTML 1.1 中，标签
不能包含标签 ，应该用什么来替代 ？

9 浏览
0 Comments

在 XHTML 1.1 中，标签 不能包含标签 ，应该用什么来替代 ？

我是一个HTML的初学者。我正在使用yootools中的登录模块：

我需要用什么来替换中的内容？我使用的是XHTML 1.1 strict doctype（转换到transitional可以解决问题），但是我遇到了以下错误：

“在XHTML 1.1中，标签

不能包含标签”

这是用户/密码框在同一行上对齐。我可以用什么来替换这些span，以避免报错呢？

谢谢！

Maria

编辑：现在已经整理好了。所以我只需要找到一种方法来替换。


a:focus { outline: none; }
span.username,
span.password {
    width: 74px;
    height: 16px;
    padding: 6px 5px 2px 25px;
    float: left;
    overflow: hidden;
    margin-right: 0px; 
}
span.username input,
span.password input {
    padding: 0px;
    width: 100%;
    background: none;
    border: none;
    outline: none;
    float: left;
    color: #646464;
    font-size: 11px;
}
span.login-button {
    margin: 2px 5px 2px 0;
    width: 50px;
    height: 20px;
    float: left;
    overflow: hidden;
}
span.login-button button {
    display: block;
    padding: 0px 0px 0px 0px;
    width: 100%;
    height: 20px;
    border: none;
    background: none;
    cursor: pointer;
    overflow: hidden;
    font-size: 11px;
    line-height: 20px;
    color: #646464;
}
.login {
    float:right; 
    margin:5px 0 0 0;
    height: 24px;
    display: block;
}
.login span.username {
    background: url(img/username_bg.png) 0 0 no-repeat; /* ie6png:crop */
}
.login span.password {
    background: url(img/password_bg.png) 0 0 no-repeat; /* ie6png:crop */
}
.login span.username:hover {
    background: url(img/username_bg.png) 0 -24px no-repeat;
}
.login span.password:hover {
    background: url(img/password_bg.png) 0 -24px no-repeat;
}
.login span.username input:hover,
.login span.password input:hover,
.login span.username input:focus,
.login span.password input:focus {
    color: #F2AD29;
}
.login span.login-button {
    background: url(img/button_bg.png) 0 0 no-repeat; /* ie6png:crop */
}
.login span.login-button:hover {
    background: url(img/button_bg.png) 0 -20px no-repeat;
}
.login span.login-button button:hover {
    color: #F2AD29;
}

0

3 答案

0 Comments

在XHTML 1.1中，

标签不能包含标签，因此需要找到的替代方法。如果只是简单地将替换为其他元素，可能会导致不同的格式问题。为了解决这个问题，可以尝试将的样式应用到其他元素上，或者使用其他元素来替代。

一种解决方法是将替换为

标签，并在CSS中添加display:inline;属性，以确保

元素以行内显示。可以使用以下代码实现这一点：

文本内容



.span-class {
  display: inline;
  /* 其他的样式 */
}

另一种解决方法是将替换为其他具有适当样式的元素，以达到相同的效果。可以根据需要选择元素，例如em、strong、small等。以下是将替换为的示例代码：

文本内容


.span-class {
  /* 的样式 */
}

通过这些方法，可以解决在XHTML 1.1中

标签不能包含标签的问题，并找到替代的合适元素或样式。

0
0 Comments

在XHTML 1.1中，

标签不能包含标签，因此需要找到替代方案。解决方法是将标签替换为

标签。以下是解决方法的代码示例：

<li class="login"> 
    <form action="/cgi-bin/login" method="post" name="Login"> 
        <div>
        <div class="username"> 
        <input type="text" name="username" size="18"  value="Username"  /> 
        </div> 
        <div class="password"> 
        <input type="password" name="passwd" size="10" value="Password" /> 
        </div> 
        <div class="login-button"> 
        <button value="Login" name="Submit" type="submit" title="L">L</button> 
        </div> 
        </div>     
    </form> 
</li>

感谢Mauro的帮助！愿上帝保佑你！

0
0 Comments

在XHTML 1.1中，

标签不能包含标签。为了解决这个问题，我们可以在

标签之后立即放置一个

标签，并在

标签之前立即放置一个

标签，这样就不需要改变标签了。

0