关注联楷|返回首页 | 网站案例 | 帮助中心

合作共赢、快速高效、优质的网站建设提供商

上海网站建设 

服务热线:021-61394118

上海联楷科技

网站源文件中外观风格的定义技巧

作者:佚名   时间:2014-01-08   分享到:

网站源文件中外观风格的定义技巧

    大多数HTML和XHTML文档都十分简单,在编写这样的文档中,连最胆小的计算机使用者也不会感到害怕。首先,尽管你使用的可能是一种有趣的所见即所得编辑器,但最终文档的存储、发布,以及浏览器所读取的文档,都是简单的ASCII文本文件(非正式的讲,文本和标记标签都是ASCII字符。从技术角度来说,除非进行了指定,否则文本和标签都是由标新人新事诉ISO8859-1拉要字符集组成的8个字符,HTML/XHTML标准也支持其他字符编码方法,包括Arabic和Cyrillic)
 这也是为什么即使使用最最原始的编辑器的用户也能够创建出优美的网页的原因,熟练的网站建设人员经常令那些建站新手敬佩不已,因为他们能够在一些廉价的笔记本计算机上使用最原始的文本编辑器创造出非常精彩的网站来,并且常常是在一些奇怪的角落进行他作,如公交车或者令人浴室等。然而创作者还是应当具备几种流行的浏览器,包括每种浏览器最新的版本,并分别使用它们来查看正在构建的新网站。
    请记住,浏览器在显示页面的方式上有所区别,并不是所有浏览器都可以呈现所有语言标准,有些浏览器还有自己的扩展。
 网站外观的欺骗性
     网站在文本编辑器和浏览器中的显示效果大不一样。请在网络上随便找一个源文档,你可以看到,至少多数部分的回车符,制表符和前置空白都被忽略了,虽然这些于源文档的可读性来说非常有用。而且源文档还有很多额外文本,这些文本大多来自显示标签和交互性标记,以及它们的属性,这些文本影响了文档的某些部分,但它们本身却不会显示出来。
    相应地,制作新手所面临的情况是,不仅仅是要形成自己在网站页面上的表达风络,还要在源文本方面形成不同的风格。源文档的布局应当突出HTML和XHTML中像编程语言一样的标记部分,而不是那些要显示出来的部分。而且,不仅要让自己能够看懂文档,也要让用户也能够看的懂。
    有经验的网站建设人员在他们的源文件中,通常会使用像编程语言一样的样式,虽然这种样式并不十分严谨。笔者也是这样做的,当用户把范例中的源文档和浏览器中的实际显示准备效果相比较时,这种样式就变得列加明显了。
我们的格式化样式虽然简单,但它却可以帮助我们创建可读的且容易维护的源文wrh:
    1.除去结构标签(如<html>、<head>和<body>等)以外,其他用来结构化源文档内容的任何元素都将放在单独的一行中,并用缩进来显示它在文档中的嵌套层次。这些元素包括列表、表单、表格和类似以标签。
    2.任何用来控制文本外或者样式的标签,都会插入到当到行或文本中。其中包括基本的字体样式标签,如<b>标签(加粗文字),和文字链接,如<a>标签(超文本锚)。
    3.尽可能避免把URL断开成两行。
    4.用额外的换行符将源文档中的特殊部分隔离开来,例如,围绕段落或表格。
    保持源文件缩进范围的任务可能很琐碎,甚至十分繁重。某些文本编辑器(如Emacs)会自动管理缩进;而另外一些(如普通的字处理程序)根本就不管什么缩进,把所有工作都留给用户自己来完成。如果编辑器让你觉得十分别扭的话,你可以就不得做出一些妥协,可能会通过缩进标签来显示结构,但是实际文本却不缩进,这样改动起来可以更方便一些。
    不管在源代码样式方面做了什么样的妥协或坚持,最重要的一点是你一定要采用一种样式。当你回头去看自己三个月以前制作的文档时,会为那些漂亮的小技巧而感到非常高兴,并想再次使用它们......可是,现在它们到哪去了?



如没特殊注明,文章均为上海联楷网络原创,转载请注明来自:http://www.linksj.com/news/20151229/n6674.html

上海联楷网络新闻