DNN论坛

用户名:

密码:

自动登录

2010年3月11日

互联网站内搜索

在线咨询

DNN社区

管理员说明

论坛为DNN爱好者交流的地方，大家可以发表对本站的意见以及对DNN技术的意见建议疑难问题，供大家参考解决。欢迎大家多多留言回复。

技术论坛

制作XHTML皮肤

发布时间:2009年05月06日发布人:fengy352@alldnnskins.com 75.00%顶

DNN 4.x 时代默认皮肤的弊病

在DNN4.x时代制作皮肤时默认的Doctype是HTML，使用HTML Doctype时你会发现CSS的表现异常的不稳定，例如应该默认左对齐的地方会莫名其妙的居中，margin:auto; 居中的代码在不同浏览器的表现又有很大的差异，这些问题都可以随着定义使用XHTML Doctype挥之而去。

为什么要制作XHTML皮肤？

说到网页标准化(Web Standard)我想大家都应该很熟悉吧，那么制作符合网页标准化的XHTML皮肤有什么好处呢？

符合标准化日后移植更加方便
用户能够通过样式选择定制自己的表现界面
结构更清晰，网页读取速度更快
多浏览器兼容性更好

更多的优点我就不赘述了，这方面网上的资源很多。

如何制作支持XHTML的皮肤?

经过大家不断的反馈，DotNetNuke核心团队推出了一个折中的解决方案

如上图所示，如果你要创建一个皮肤名字是contact.html 那么你需要建立一个同名的contact.doctype.xml文件注意后缀是.doctype.xml 文件的内容是

<SkinDocType>
<![CDATA[<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
               "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">]]>
</SkinDocType>

这样DNN系统在读取这个皮肤的时候如果检测到和皮肤文件同名后缀是.doctype.xml的文件就会把这个皮肤解释为XHTML Doctype, 通过查看网页的源代码你可以看到，成功加载XHTML Doctype源代码的第一行应该是

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

如果没有成功加载则显示HTML Doctype

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

DNN 5.0对XHTML的支持

在这里我们快速展望一下即将推出DNN 5.0对XHTML的支持，在Host > Host Settings > Basic Settings > Host Details 多了一个 Fallback Doctype的选项

这其实就是选择如果皮肤本身不带Doctype系统默认的Doctype

HTML4 (Legacy) ————– 如果你的系统里有很多遗留的HTML皮肤建议选择这项以防显示出问题
XHTML 1.0 transitional ——— 如果是新装的系统建议选择这项，默认的皮肤使用XHTML
XHTML 1.0 strict ————– 这项同样是XHTML但是语法的标准过于严格暂不推荐选择

我在写这篇blog的时候做了个测试， Fallback Doctype选择XHTML 1.0 transitional把没有定义doctype的皮肤的页面打开查看源代码果不其然默认的Doctype已经是XHTML了， DotNetNuke又向网页标准化迈进了一步！

在DNN 5.0中虽然可以默认使用XHTML但在制做皮肤的时候还是建议加上XHTML Doctype。方法参考前面建立后缀为.doctype.xml的同名文件。这么做是以防有的DNN5.0网站默认设置是HTML4 (Legacy) 及默认Doctype是HTML ，在这种网站中如果皮肤有定义后缀为.doctype.xml的同名文件， DNN系统会忽略默认设置并把它解释为正确XHTML Doctype。

评论：

用户: Sad87		发布时间:10~10~2009
My worst nightmare was on my second year at uni when I was trying to secure placement. , [ ]
用户: Barbara63		发布时间:10~10~2009
Cloud computing is great conceptually, but there is still a lot of FUD out there about what it is and how it works exactly. , [ ]
用户: mexicanlust.com promo 5 dp.htm		发布时间:09~10~2009
bunny s.com www.mysteriousplaces.com easter islandcurrent codes.com mexicanlust.com promo 5 dp.htmwww.hanger.intranet.com 765 anyone.commonster.cpom monster golf.compromotional code for buyerzone.com united arab emirates all4uae.comusps.comn products ratings ratingshub.comhair art inc mr. crystal orange shampoounited states v. fitos united states v. fitosst. bernard hair cut anyone.comeventive promotions inc.com www.newegg.c0m[ ]
用户: olxtpeg		发布时间:09~10~2009
EKOuJt cloiixhatteb, [url=http://cipmjeuujqqt.com/]cipmjeuujqqt[/url], [link=http://ixoomlzfayod.com/]ixoomlzfayod[/link], http://eozkkqabxwwb.com/[ ]
用户: banwqong		发布时间:06~10~2009
TgbtD1 iaclsfsmkxvc, [url=http://fsxxsaajtoup.com/]fsxxsaajtoup[/url], [link=http://phbjtrfsnmrh.com/]phbjtrfsnmrh[/link], http://tedhgzwvqybk.com/[ ]
用户: 繁体字		发布时间:05~09~2009
繁体字 http://www.ftz.la提供简在线繁转换工具,通过使用在线转换器可以让简体字、繁体字、火星文相互转换。[ ]
用户: 免费留言板		发布时间:26~08~2009
留言板代码 http://www.mietian.org提供在线留言功能,可自已定制表单的内容. 完全免费哦![ ]
用户: 繁体字		发布时间:12~06~2009
繁体字 [url=http://www.ftz.la]繁体字[/url] http://www.ftz.la 提供简在线繁转换工具,通过使用在线转换器可以让简体字、繁体字、火星文相互转换。[ ]

名称:

DNN产品

DNN模块
 DNN皮肤
 DNN视频
 DNN站点
 管理系统
 DNNSEO
DEMO记录

DNN社区

人才招聘
 DNN论坛
 管理信息
 团队博客
 网络团队
 DNN技术
 求购源码

DNN服务

定制DNN网站
 定制DNN皮肤
 定制DNN模块
 申请代理
 项目交易

资源下载

DNN语言包
 DNN安装包
 DNN模块下载
 DNN资料下载
 DNN皮肤下载

合作伙伴

国外合作伙伴
 国内合作伙伴
 合作申请

联系我们

美国：9894 Bissonent Suite 330, Houston, TX 77036
电话：+1 832-266-1031
北京：朝阳区建国路郎家园8号尚八创意产业园D座DW105室
电话：+86-10-51665719-8008 15510008965
武汉：青山区园林路绿景花园2栋4单元502
电话：+86-27-86641441 15007175586 13100718965
电邮：contact@zhglobal.com QQ：11852177