我在w3c html严格规范中找不到任何信息 http://www.w3.org/TR/html4/sgml/dtd.html
在我的网站上,我使用jquery循环插件进行带有寻呼机的幻灯片放映.这个例子:http: //malsup.com/jquery/cycle/pager.html
所以在我的文档的头部,我有一个类似于的脚本:
<script type="text/javascript">
$('#s4').before('<div id="nav">').cycle({
fx: 'turnDown',
speed: 'fast',
timeout: 3000,
pager: '#nav'
});
</script>
Run Code Online (Sandbox Code Playgroud)
我的doc类型是XHTML Strict.
当我尝试验证页面时,我得到以下错误:"文档类型不允许元素"div"here"和"end标记为"div"省略,但OMITTAG NO已指定"因为div标记未关闭.
有没有办法使用jquery并让它验证?
我在页面顶部有一些jQuery(用于简单的图像轮播):
$(document).ready(function(){
$("#slider").easySlider({
prevText:'<div id="backarrow">Back</div>',
nextText:'<div id="nextarrow">View Other Projects</div>',
orientation:'horizontal'
});
});
Run Code Online (Sandbox Code Playgroud)
但是,我无法让它验证XHTML严格:
第12行,第33列:文档类型不允许元素"div"在这里
有任何想法吗?
为什么<div style="width:50%" />
不在xHTML中呈现?如果我这样做,<div style="width:50%"> </div>
它就会被渲染.我错过了什么吗?最小宽度会有帮助吗?我使用严格的xHTML 1.0
是否可以仅使用CSS修复它,或者我必须更改html标记?
我通过阅读XHTML 1.0严格的DOCTYPE,并发现有值"script"
的rel
上属性link
的元素.
<link rel="script" href="..." />
Run Code Online (Sandbox Code Playgroud)
我尝试使用此标记链接外部JS文件,但Safari甚至没有加载该文件.那么标签可以用于什么?
更新:
重新读取DTD后,它没有准确列出rel
属性的有效值.该'script'
值仅作为注释的示例出现.因此,这可能会也可能不会在所有浏览器中实现.
在 XHTML 1.0 Strict 中,属性值需要用引号括起来吗?
例子:
<input type="text" id="username"/>
Run Code Online (Sandbox Code Playgroud)
如果根据标准是这样,可以使用单引号并可能与双引号混合使用吗?
例子:
<input type='text' id="username"/>
Run Code Online (Sandbox Code Playgroud) 这是我的代码:
<!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" xmlns:acid="http://acid/">
<head>
<title>Acid4 Test</title>
<link rel="stylesheet" type="text/css" href="acid4.css" />
</head>
<body>
<h1><acid:textGradient></acid:textGradient>Acid<span>4</span></h1>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
和样式表:
@font-face {
src: url('syncopateBold.ttf');
font-family: Syncopate;
font-weight: bold;
font-style: normal;
font-variant: none;
}
@font-face {
src: url('syncopate.ttf');
font-family: Syncopate;
font-weight: normal;
font-style: normal;
font-variant: none;
}
* {
margin: 0;
padding: 0;
}
body > *:first-child { /* our title */
font-family: Syncopate;
font-size: 4em;
font-weight: bold;
margin: 0;
text-shadow: 0 0 10px black; …
Run Code Online (Sandbox Code Playgroud) 我正在使用Google Map构建一个网站,默认情况下会生成以下代码:
<iframe width="550" height="500" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.uk/maps?f=q&source=s_q&hl=en&geocode=&q=Amber,+115+Portswood+Road,+Southampton,+SO17+2FX,+United+Kingdom&aq=0&sll=50.923556,-1.394663&sspn=0.006709,0.01929&vpsrc=6&ie=UTF8&hq=Amber,&hnear=115+Portswood+Rd,+Southampton+SO17+2,+United+Kingdom&t=m&ll=50.923178,-1.393676&spn=0.012985,0.027466&z=15&output=embed"></iframe><br /><small><a href="http://maps.google.co.uk/maps?f=q&source=embed&hl=en&geocode=&q=Amber,+115+Portswood+Road,+Southampton,+SO17+2FX,+United+Kingdom&aq=0&sll=50.923556,-1.394663&sspn=0.006709,0.01929&vpsrc=6&ie=UTF8&hq=Amber,&hnear=115+Portswood+Rd,+Southampton+SO17+2,+United+Kingdom&t=m&ll=50.923178,-1.393676&spn=0.012985,0.027466&z=15" style="color:#0000FF;text-align:left">View Larger Map</a></small>
Run Code Online (Sandbox Code Playgroud)
现在这在检查XHTML Strict时会抛出一个错误,因为它是过时的帧,但是我应该使用什么呢?
谢谢您的帮助
我有一个带国家/地区呼叫代码的精选html标签.
<select name="countryCallingCode" id="countryCallingCode">
<option value="1"><span class="name">Afghanistan</span><span class="code">+93</span></option>
<option value="2"><span class="name">Albania</span><span class="code">+355</span></option>
<option value="3"><span class="name">Algeria</span><span class="code">+213</span></option>
</select>
Run Code Online (Sandbox Code Playgroud)
我希望名称左对齐,代码右对齐.演示文稿应如下所示:
Afghanistan +93
Albania +355
Algeria +213
Run Code Online (Sandbox Code Playgroud)
我已经介绍了使用CSS实现这一目标的span元素.
select#countryCallingCode span.name {text-align: left;}
select#countryCallingCode span.code {text-align: right;}
Run Code Online (Sandbox Code Playgroud)
上面的代码,不起作用.而且,span元素似乎在XHTML 1.0 strict的html选项标记内无效.
任何的想法?
我有这样的HTML:
<a class="nhr" href="javascript:void(0)" onclick="" >
<p class="top_dr_profle">
<div class="my_doc_pic">
<img src="images/profile_img.png" />
</div>
<div class="my_doc_cont">
<p>Josh Dobstaff, MD</p>
<p>Hospitalist</p>
</div>
<div class="clear"></div>
</p>
<p class="primary">Make Primary</p>
</a>
Run Code Online (Sandbox Code Playgroud)
在这里,您可以看到带有类的3 <div/>
s内部<p/>
标签.top_dr_profle
.但是当我在mozilla的firebug中看到它时,<div/>
它们出现在<p/>
标签之外.我也附了萤火虫的屏幕截图.
xhtml-1.0-strict ×10
xhtml ×8
html ×4
css ×3
jquery ×2
attributes ×1
css3 ×1
doctype ×1
forms ×1
google-maps ×1
html5 ×1
iframe ×1
input ×1
tags ×1
validation ×1