合买大神
网站首页 网站建设 公司动态 行业新闻 案例展示 关于我们

文章内容

网站重构技术:XML,XHTML代码规范,样式表调用方式,CSS布局要点

日期:2013-12-16  来源:攀枝花惠康网络公司

1. 几个概念

1.1. 什么是HTML?

HTML是Hypertext Markup Language的英文缩写,即超文本标识表记标帜说话,是一种用来建造网页的标识表记标帜说话。

1.2. 什么是XHTML?

XHTML是The Extensible HyperText Markup Language可扩展标?#31471;?#35805;的缩写。在HTML4.0的基本上,用XML的轨则对其进行扩展,获得了XHTML。它实现HTML向XML的过渡。

用标致的图案庖代通俗无序列表前沉闷的黑点。站点http://marine.happycog.com/

XML(extensible Markup Language)的呈现,结构化文档和数据有了一个通用的、科顺应的名目,不仅仅应用在web上,也可以应用在任何处所。尺度称为可能。 (*.xsl,*.dtd,*.xml)。

1.4. 什么是CSS?

CSS是Cascading Style Sheets层叠样式表的缩写。纯CSS结构与结构式XHTML相连?#30340;?#36741;佐设计师分手外不美观与结构,使站点的访谒及维护加倍轻易。 (xsl)

1.5. 为什么要采用CSS结构庖代table结构?

(1) 用css结构的一个益处是可以批量对页面进行改削,它能将文档结构和默示层分分开来,减轻工作量和处事器的负荷,增添站点的扩展能力和应用。

(2) 可以使用表格。只是表名目仅用于其本意:展示数据列表。而不许可使用表格排版和定位。

所谓web尺度,不是指XML,而是指为了实?#24092;?#22812;量HTML信息向XML尺度的过渡,W3C和ECMA拟定的一系列的手艺规范,今朝首要搜罗XHTML1.0、CSS2.0、DOM1.0和ECMA JavaScrit。web尺度不仅仅是一个规范,而是一系列规范的总称。 按这些规范建造的网页,合适XML名目规范,内容与默示相分手,将使你的页面数据在往后可以被分享、交流和重用。

2.1. 所有的标识表记标帜都必需要有一个响应的竣事标识表记标帜

<img height=”80″ alt=”网页设计师” src=http://www.css88.com/archives/”../images/logo_w3cn_200x80.gif” width=”200″ />

也必需改削成”onmouseover”。

2.3. 所有的XML标识表记标帜都必需合理嵌套

同样因为XHTML要求有严谨的结构,是以所有的嵌套都必需按挨次,以前我们这样写的代码:

2.2. 所有标签的元素和属性的名字都必需使用小写

<p><b></p></b>

必需改削为:

<p><b></b></p>

就是说,一层一层的嵌套必需是严酷对称。

2.4. 所有的属性必需用引号”"括起来

在HTML中,你可以不需要给属性值加引号,可是在XHTML中,它们必需被加引号。例如:

<height=”80″>

<alt=”say&apos;hello&apos;”>

2.5. 把所有<和&非凡符号用编码暗示

. 任何小于号(<),不是标签的一部门,都必需被编码为& l t ;

. 任?#25991;?#22812;于号(>),不是标签的一部门,都必需被编码为& g t ;

. 任何与号(&),不是实体的一部门的,都必需被编码为& a m p;

注:以上字符之间无空格。

2.6. 给所有属性赋一个值

. COLOR用于界说字体颜色。

XHTML划定所有属性都必需有一个值,没有值的就一再自己。例如:

<td nowrap>

<input type=”checkbox” name=”shirt” value=http://www.css88.com/archives/”medium” checked>

当几个元素样式属性一样时,可以配合挪用一个声明,元素之间用逗号分隔,:

必需改削为:

2. XHTML代码规范

9.2. 举荐书籍

与HTML纷歧样,XHTML对巨细写是敏感的,<title>和<TITLE>是分歧的标签。XHTML要求所有的标签和属性的名字都必需使用小写。例如:<BODY>必需写成<body> 。巨细写同化也是不被认可的,凡是dreamweaver自动生成的属性名字”onMouseover”

用等号或者空格替代内?#24247;?#34394;线。

以上这些规范有的看上去斗劲奇异,但这一切都是为了使我们的代码有一个统一、独一的尺度,便于往后的数据再操作。

<!–这里是注释============这里是注释–>

3.1. 页面内嵌法:

<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”zh-CN”>

就是将样式表直接写在页面代码的head区。近似这样:

3.2. 外部挪用法:

将样式表写在一个自力的.css文件中,然后在页面head区用近似以下代码挪用。

以前在HTML中,你可?#28304;?#24320;良多标签,例如<p>和<li>而不必然写对应的</p>和</li>来封锁它们。但在XHTML中这是不正当的。XHTML要求有严谨的结构,所有标签必需封锁。如不美观是零丁不核对的标签,在标签最后加一个”/”来封锁它。例如:

“–”只能发生在XHTML注释的开首和竣事,也就是说,在内容中它们不再有用。例如下面的代码是无效的:

<!–这里是注释———–这里是注释–>

<link rel=”stylesheet” rev=”stylesheet” href=http://www.css88.com/archives/”css/style.css” type=”text/css” media=”all” />

<link rel=”stylesheet” rev=”stylesheet” href=http://www.css88.com/archives/”css/style.css” type=”text/css” media=”all” /> <style type=”text/css” media=”all”>@import url( css/style01.css );</style>

为什么要写两?#25991;兀?现实上?#35805;?#24773;形下用外联法挪用(就是第一句)就足够了。我这里使用双表挪用只是一种示例。其中的”@import”呼吁用于输入样式表。而”@import”呼吁在netscape 4.0版本浏览器是无效的。也就是说,当你但?#25913;?#20123;效不美观在netscape 4.0浏览器中潜匿,在4.0以上或其它浏览器中又显示的时辰,你可以采用”@import”呼吁体例挪悠?#26131;?

文章来源:攀枝花惠康网络公司

惠康网络,是一?#26131;?#19994;从事攀枝花网站建设,攀枝花网站制作,攀枝花网站设计公司,提供网站建设一条龙服务(网站域名注册+网站服务器租用+网站开发+网站维护+网站营销推广),惠康网络立足攀枝花,辐射全中国,攀枝花惠康网络的客户已经遍布国内各地大?#34892;?#22478;市,我们高效优质的网站建设服务深受用户?#38391;饋?/p>

客服?#35748;擼?img src="skin/images/tel.png" alt="tel" height="15" width="84" style="vertical-align:middle;">(谢先生)  客服QQ:1323605005  
服务邮箱:[email protected](售前咨询)  [email protected](技术部)  [email protected](售后服务)
公司地址:四川省攀枝花市
邮编:617200

合买大神 北京国安浦和红钻 上海到亚特兰大机票 莱斯特·r·布朗 弗赖堡sc 卡迪夫城主教练 mg幸运双星漏洞 大邱加图立大学 东方珍兽调图 布雷西亚vs恩波利 斯特拉斯堡诗篇集