工作人员

,必须加入的标签【Web前端开发】html写作规范{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}(图1)x

x

x

表格权注释

x

x

网页显示文字集

x

表格中文:


网页到期后,必须在服务器上重新阅读。

b)禁止浏览器从本地机器缓存中调查页面内容。

c)用于防止他人在框架中调用你的页面。

d自动跳跃。

5是指停留5秒

CONTENT参数为all、none、index、noindex、follow、nofollow。默认情况下是all。

f) 收藏夹图标

g) 所有的javascript的调用尽量采取外部调用.

h) 附

标签:

标签不属于head区,这里强调一下,为了保证浏览器的兼容性,必须设置页面背景

二、网页制作细节 ---- 字体

1. 在设定字体样式时对于文字字号样式和行间距应必须使用CSS样式表。禁止在页面中出现

标记。

2.网页中文首选宋体。英语和数字优先使用verdana和arial两种字体。一般使用中文宋体的9pt和11pt,或12px和14.7px。这是最佳化的尺寸,黑体或宋体粗体时,一般选择11pt和14.7px。

<%@ include file="http://www.yidianzixun.com/inc/index_top..jsp" %>

给图片提示

{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x} {x}{x}{x}。不同语种的文字之间应该有半角空格,但是除了避头符号前和避尾符号后,汉字之间的标点应该用全角标点,英文字母和数字周围的括号应该用半角括号。{x}{x} {x}{x}{x}。请不要在网页上连续出现一个以上的空格。尽量不要使用全角空格(英语文字集中全角空格变成乱码)空白。请尽量使用text-indent、padding、margin、hspace、vspace和透明的gif图像来实现。{x}{x} {x}{x}6. 行距建议用百分比来定义,常用的两个行距的值是line-height:120%/150%.{x}{x} {x}{x}7. 排版中我们经常会遇到需要进行首行缩进的处理,不要使用 或者全角空格来达到效果,规范的做法是在样式表中定义 p{ text-indent: 2em; }然后给每一段加上{x}标记,注意,一般情况下,请不要省略{x}结束标记 。{x}{x} {x}{x}三、 网页制作细节 ---- 链接{x}{x} {x}{x}1. 网站中的链接路径全部采用相对路径,一般链接到某一目录下的缺省文件的链接路径不必写全名,如我们不必这样: 而应该这样:,所有内页指向首页的链接写成{x}{x} {x}{x}2. 在浏览器里,当我们点击空链接时,它会自动将当前页面重置到首端,从而影响用户正常的阅读内容,我们用代码“javascript:void(null)”代替原来的“#”标记{x}{x} {x}{x}四、 网页制作细节 ---- 表格{x}{x} {x}{x}1px表格{x}{x} {x}{x}实例如下:{x}{x} {x}{x}

页面搜索机器人指导。用于告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。

{x}{x} {x}{x}{x}{x}{x} {x}{x}{x}{x}{x}{x} {x}{x}{x}{x}{x} {x}{x}{x}{x}{x} {x}{x}设置亮、暗边框颜色{x}{x} {x}{x}表格有亮边框(bordercolorlight)和暗边框(bordercolordark)两个属性可以对表格样式设置。{x}{x} {x}{x}{x}{x}{x} {x}{x}在写{x}互相嵌套时,严格按照的规范,对于单独的一个{x}来说,{x}{x}对齐,{x}缩进两个半角空格,{x}中如果还有嵌套的表格,{x}也缩进两个半角空格,如果{x}中没有任何嵌套的表格,{x}结束标记应该与{x}处于同一行,不要换行,{x}{x} {x}{x}如我们注意在源代码中不应有这样的代码:{x}{x} {x}{x}{x}{x}{x}{x} {x}{x}{x}{x}{x} {x}{x}而应该是这样的:{x}{x} {x}{x}{x}{x}{x}{x}{x} {x}{x}这是因为浏览器认为换行相当于一个半角空格,以上不规范的写法相当于无意中增加一个半角空格,如果确实有必要增加一个半角空格,也应该这样写:{x}{x} {x}{x}{x}{x}{x}{x}{x} {x}{x}一个网页要尽量避免用整个一张大表格,所有的内容都嵌套在这个大表格之内,因为浏览器在解释页面的元素时,是以表格为单位逐一显示,如果一张网页是嵌套在一个大表格之内,那么很可能造成的后果就是,当浏览者敲入网址,他要先面对一片空白很长时间,然后所有的网页内容同时出现。如果您必须这样做,请使用{x}标记,以便使这个大表格分块显示}nnn;}x;}flash网页大小不超过200K,web制作细节-下载速度{x}{x}{x}{x}{x}首页flash网页大小不超过200K,尽量使用矢量图和Action来减少动画大小。非主页静态页面的图像大小应限定在70K左右,尽量用背景颜色代替同色图像。{x}{x} {x}{x}{6、web制作详细信息-include}{x}{x}{x}{x}asp标准写法{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{7、web制作详细信息-alt和title{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x},请注意网页制作详细信息}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{{x}{x} {x}{x}{x}在我们浏览网页页面时,当鼠标停留在图片对象或文字链接上时,鼠标右下角有时会出現提示信息框。对目标进行一定的评论说明。在一些场合,它的作用是很重要的。{x}{x} {x}{x}{x}{alt用于提示图片。Title用于提示链接文本或普通文本。{x} {x}{x}{x}使用方法如下:{x}{x}{x}{x}{x}{x}{文字{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{bo{x}{x}{bo{x}{x}{fo{x}{x}{fo{x}{bo{x}{fo{x}{bo{x}{bo{x}{x}{fo{x}{bo{x}{bo{x}{bo{x}{bo{x}{x}{bo{x}{bo{x}{bo{x}{bo{x}{bo{x}{bo{x}{bo{x}{bon{bon{bon{bon{}{bon{}{}{bon{}{}{bon{}{}{bon{}{}{bon{}{}{}{}{}{}{}{}{bon{}{an{}{bo{x}{bo{x}{bo{x}{bo{x}{bon{bon{}{}{bon{}{}{}{bon{}{bon{}{}{bon{}{}{}{}{bo{x}{bo{x}{bon{}{}{}{}{bon{}{}{}{bon{bo{x}{}{}{}{}{bo{x}{bon{}{}{bo{x}{bo{x}{}{}{}{}{bo{x}{}{bo{x}{bo{x}{bo{x}{}{}{bon{}{}{bon{}{}{bo{x}{}{}{}{}{bo{x}{bo{x}{bon{bo{x}{bon{}{bo{x}{}{bon{}{bo{x}{bo{x}{}{}{bo{x}{bo{x}{bo{x}{}{在已知的其他设计限制下,尽可能将站点设计为具有最大的浏览器兼容性。{x}{x} {x}{x}目前使用的 Web 浏览器有二十多种,大多数已发行了多个版本。即使您只针对使用 Netscape Navigator 和 Microsoft Internet Explorer 的大多数 Web 用户,但您应明确并不是每个人都在使用这两种浏览器的最新版本。{x}{x}{x}{x}{x}您的网站越复杂(布局、动画、多媒体内容和互动),跨浏览器兼容的可能性就越小。例如,并非所有浏览器都能运行JavaScript。不使用特殊字符的纯文本页面可能在任何浏览器中正确显示,但与有效使用图形、布局和互动页面相比,这样的页面可能在美感方面相当差。因此,尽量在最佳效果设计和最大浏览器兼容性设计之间平衡。{x}{x} {x}{x}。某个HTML标签的属性都应该用单引号或双引号包括。也就是说,我们不应该写{x}。{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}全尺寸bannnner为468x60px,半尺寸banner为2360px,小banner为2360px,小banner为8x。{x}{x} {x}{x}{x}{x}其他120X90,120X60也是小图标的标准尺寸。全尺寸banner不超过14K。{x}{x} {x}{x}普遍的banner尺寸760X100,750X120,468X60,468X95,728X90,585X140{x}{x} {x}{x}次级页的pip尺寸360X300,336X280{x}{x} {x}{x}游标:100X100或120X120{x}{x} {x}{x}十一、 图片处理细节 ---- LOGO的国际标准规范{x}{x} {x}{x}为了便于INTERNET上信息的传播,一个统一的国际标准是需要的。事实上,有这样一套标准。其中关于网站的标志,目前有三种规格:{x}{x} {x}{x}{x}{x}8*31。这是互联网上最常见的标志规格。{x}{x} {x}{x}{x}{x}{x}{x}10*60}这种规格用以一般大小的LOGO。{x}{x} {x}{x}{x}{x}{x}120*90这一规格用于大型LOGO。{x}{x} {x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}}}{x}{x}{x}{x}以加快下载速度},具有良好的视觉空间}有良好的效果。{x}{x}
打赏
  • 打赏支付宝扫一扫
  • 打赏微信扫一扫

猜你喜欢

关注我们的公众号

微信公众号