北京三原色创意科技有限公司
  • 平面设计

  • 名片设计印刷

    标志

    企业画册

    折页

    海报

网站首页 >> 三原色日志 >>

网页编辑器里面的回车与空格

« Word中的图片如何上传到网页上去?防止复制粘贴网页内容 »

网页编辑器里面的回车与空格

有人告诉三原色,网页编辑器真的好难用。而且不同的编辑器使用上效果还不同。

确实,三原色长江感到:1.人们使用word等办公处理软件已经习惯了,排好的版就是正式的版,而且能打印。而网页编辑器呢,在编辑器里显示的样式与网页上并不一定相同。因为在网页上,像段落间的间距是可以自定义的,这些定义有可能与编辑器里的不同。2.网页编辑器本身跟字处理软件不同,它需要一定的操作,也是可以非常熟练的。

下面长江说一下在网页编辑器里最常见的问题--回车换行

首先,学习一下网页的基础知识

段落在网页里的表现手法:在网页HTML语言里,段落是包含<p>和</p>之间一段文字。

例如:
<p>这是一段文字</p>
<p>这是第二段文字</p>

一般的回车换行:在网页里它的符号是<br />,直接在一段文字后加一个<br />就可以。

例如:

中国人民很行<br />
确实是这样的.

关于空格,是用在网页里它的符号是&nbsp; 一共五个英文字符。他们一起在网页源代码里意思是一个英文空格,在正常网页里占一个英文字符的空白。而一个汉字是全角=2个英文。

所以,段落前面汉字习惯空两格,也就是两个汉字,但实际上要在英文半角状态下按4下空格才可以。

注意:以上二段代码,需要在网页文本编辑器里面的源代码状态下才可以起作用。一般的编辑器都会有一个按钮,上面写着“源文件”“源代码”,点击它会出现一些,你所不知道的代码。这就是网页代码了。

看看,我们在网页编辑器里常见的问题

回车换行不听话:这是一个常见问题,在文本编辑器里有的默认回车键是是分段落即<p></p>,有的默认回车键是换行<br />。并且同一个编辑器在不同的浏览器里表现也是不一样的,比如在IE里回车可能代表分段<p></p>,到了FireFox下回车可能就是换行<br />。

因为分段和换行在网页上表现出来的样子是有区别的。这就需要使用者在用编辑器之前了解回车到底是换行还是分段。然后发布一个测试,来看看实际效果。

查看默认回车键是段落(<p></p>)还是换行(<br />)需要在查看源文件、源代码的情况下进行。

如果要切换,一般是尝试按住SHIFT+回车键,或者按住Ctrl+回车键来切换分段还是空格

空格总不灵:经常我们空了格,到网页上发现空格没有了,或者多出来空格。

对于这两种情况,三原色都建议您切换到英文半角状态下按空格,不要在中文状态下按空格。如果是英文段落前空两格,直接按二下即可。如果是中文状态下按空格,即多一倍。

如果照这种方法做了,在段落时总是会多出两个空格怎么处理或者本来没有空格却自动出现了两个空格开头怎么办?这有可能是网页设计人员预设的段落格式。即分段的字符,自动前面空格。这需要您咨询您的网页设计师是否设置了样式。以前三原色也是这样做的,很方便,只要分段就会空格。但也出现一个问题,如果想分一段,但前面不空格,就不好办了。所以,现在三原色尽量不在编辑器里定义样式,而把设置空间留给用户。

Word代码不听话:有时从Word里粘了一段话在编辑器里变形了。怎么编辑也不灵。--这是因为word自有一段代码,如果Word里直接粘过来的代码会多出很多冗余代码,这些代码很乱而且很庞杂。遇到这种情况,有经验的网页编辑人员一般也看不懂Word里面的代码,他们一般会自已重新编辑,重新编出的代码会更简单干净。

作为非网页制作专业人士,我们建议您遇到这种情况,尝试着把Word里的东西复制到记事本里。然后再在网页编辑器里重新编辑。

(作者:三原色长江,转载请标注出处:三原色创意科技

 

  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

热门标签TagCloud

最新评论及回复

最近发表

Search

图标汇集

  • 订阅到抓虾
  • 订阅到鲜果
  • 订阅到飞鸽
  • 订阅到Google
  • 订阅到Yahoo雅虎
  • 订阅到Bloglines
  • 订阅到Gougou
  • 订阅到ROJO
  • 订阅到newsgator
  • 订阅到netvibes
  • RainbowSoft Studio Z-Blog
  • 本站支持WAP访问
  • 订阅本站的 ATOM 1.0 新闻聚合
  • 订阅本站的 RSS 2.0 新闻聚合

Powered By Z-Blog 1.8 Spirit Build 80710 Code detection by Codefense

Copyright 三原色创意 SYSCY.COM. Some Rights Reserved.