来一发让XHTML与HTML兼容
随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行,移动互联应用开发也越来越受到人们的重视,用html5开发移动应用是最好的选择。网页制造poluoluo文章简介:在为人人先容完怎样在XHTML中准确地利用JavaScript和CSS以后,破洛洛持续为人人带来XHTML与HTML兼容的16条指引!在为人人先容完怎样在XHTML中准确地利用JavaScript和CSS以后,破洛洛持续为人人带来XHTML与HTML兼容的16条指引!
1.制止将页面声明为XML范例,页面利用UTF-8大概UTF-16字符集。
2.在空元素标签(不克不及用来包括内容的标签)停止符>前加上斜杠/,如:<br/>,<hr/>等等。
3.当一个非空元素(此标签是用来包括内容的,如题目,段落)内容为空时,给它一个空缺字符,而不要利用像空元素那样的停止办法,如:当一个没有内容的P标签请誊写:<p></p>而不要写成<p/>。
4.当你的style和scripts内容中呈现<,&,]]>大概两个一连的横杠--时,请利用内部文件举行引进。
5.制止在元素属性值中呈现断行大概多个空格。
6.不要在文档的head部分包括一个以上的isindex元素(最好不利用),此元素不保举利用。
isindex:使扫瞄器显现一个对话框,提醒用户输出单行文本。
在HTML4中,此元素是不保举利用的,而保举利用INPUT元素。isIndex的tagName属性将前往input。
此元素是一个块元素,此元素必要封闭标签。
上面的例子利用ISINDEX元素提换了默许的提醒:
<isindexprompt="输出要搜刮的索引关头字"/>
7.当要给一个元素指定language时,请利用lang和xml:lang属性,xml:lang的值优先级更高。
8.请利用id属性当作元素标识符,制止利用name属性,特别在这些元素上更不同意利用name属性当作它们的标识符:a,applet,form,frame,iframe,img,map。
9.给页面界说文档字符集,给xml文档界说字符集利用
<?xmlversion="1.0"encoding="UTF-8"?>
给XHTML界说字符集利用
<metahttp-equiv="Content-type"content="text/html;charset=UTF-8"/>
10.Boolean范例元素属性值请利用该属性名,如:checked="checked",Boolean范例元素有:compact,nowrap,ismap,declare,noshade,checked,disabled,readonly,multiple,selected,noresize,defer
11.HTML4和XML文档工具模子指定HTML元素和属性名前往年夜写格局。XHTML中元素和属性名前往小写格局。
12.利用&替换属性值中的&标记,如:
http://www.w3cgroup.com/default.asp?CateID=2&page=2
要比上面的好:
http://www.w3cgroup.com/default.asp?CateID=2&page=2
13.在XHTML中CSS款式标签style及属性名必需利用小写;
在HTML的table中,tbody将会在剖析时主动补齐,而在XML中却不可,以是,必要本人增加上tbody元素,假如在CSS选择符中利用到了它;
CSS对某个具有id属性的元素举行选择时,利用#选择符;
CSS对某个具有class属性的元素举行选择时,利用.选择符;
14.怎样在剖析XML文档时利用Style元素?在HTML4和XHTML中,style元素能够用在文档中界说款式划定规矩,在XML中,XMLstylesheet用来界说款式划定规矩,为了兼容这个划定规矩,在剖析XML文档时假如必要利用style元素,style元素必要利用id属性作为标示符,而且,要有一个XMLstylesheet援用它,如:
<?xml-stylesheethref="http://www.w3.org/StyleSheets/TR/W3C-REC.css"type="text/css"?>
<?xml-stylesheethref="#internalStyle"type="text/css"?>
<!DOCTYPEhtml
PUBLIC"-//W3C//DTDXHTML1.0Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="en"lang="en">
<head>
<title>Aninternalstylesheetexample</title>
<styletype="text/css"id="internalStyle">
code{
color:green;
font-family:monospace;
font-weight:bold;
}
</style>
</head>
<body>
<p>
W3CGroup为人人先容16条兼容XHTML与HTML的指引!
<code>http://www.w3cgroup.com/article.asp?id=252</code>.
</p>
</body>
</html>
15.必要注重HTML和XML中的空缺字符。有些在HTML文档中正当的字符,到了XML里大概就分歧法了,如,在HTML中,换页符(FormfeedcharacterU+000C)被剖析为空格,而在XHTML中,因为XML的字符界说,它变得分歧法。
16注重特别字符(省略号,U+0027)在XML1.0中有先容,但却没有呈现在HTML中,利用交换则可在HTML4中利用。
http://www.w3cgroup.com译文,转载请说明出处!
拜见:http://www.w3.org/TR/xhtml1/#guidelines
</p>
这不是理想状况。我们必须尽可能把精力放在改善这项规范,把耗费在派系相争的精力降到最低。 AdobeDreamweaverCS5软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的AdobeCSLive在线服务AdobeBrowserLab集成。 Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。 时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上 可以使用 CSS 检查工具进行设计。 以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。 Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。 在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。 帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
页:
[1]