6谨慎使用复制粘贴
有时候你会在页面中本应是重音或其它特殊字符的地方发现难以辨认的字符 。当从文本编辑软件中复制非UTF-8编码的文本时会产生这种情况 。字符编码系统将所有的字形映射至给定的字符集,以方便通过网络或存储介质传输数据(主要是文本或数字) 。
尽管HTML可以兼容UTF-8,但它会曲解从其它任意编码系统中直接复制的文本,将特殊字符变为随机字母和符号的奇怪组合 。此外某些内容管理系统在复制文本的同时也会一并复制格式,造成不可预知的后果 。要避免这种问题,最好的办法是使用简易文本编辑器将复制的内容转换为纯文字的格式,而后从那里复制并粘贴到CMS当中 。
7学习HTML实体
看看你的键盘–你可能没有意识到可用的字符是多么丰富 。它们当中的很多是被HTML实体定义的,所以熟记常用的实体是必要的–便于页面全局排版 。你不能直接使用小写的x代替乘法符号,商标符号不仅仅是一个简单的大写T和大写M,浮动的重音符也不能代替引号 。
8正确的引用
说到撇号,正确的形式应该是闭合单引号 。一个凸显出不成熟的例子是直引号的使用,它同时也被注重形式的设计师称为‘哑巴引号’ 。然而,使用合适的卷曲单引号或双引号是不够的 。不同的语言有不同的引号使用形式 。举例来说,法语使用的引号是指向外侧的三角标识符,而在德语中引号的方向则指向外侧 。
9了解破折号
连字符用来连接邻接的词语,或用于长单词跨行,以及其它用途 。有两种其它的水平破折号:en破折号一般为em破折号的一半长度 。通常情况下我们用它来指示数值的闭合范围,表示负数,或者阐述两件事情之间的联系 。em破折号一般和字体等宽,并且一般用于划定某种想法的停顿,形成嵌入句子中的独立实体 。但其具体用法常常引发争论 。有些人用em破折号代替en,尽管两者都应该在没有邻接空白的情况下使用,很多字体设计者宁愿加入纤细的空白来避免它们触碰邻接的字符 。
10定义关系,而非绝对尺寸
Web文本的最大优势之一就是它可以被用户调整 。如果字体是基于像素定义的,缩放一个页面可能会引起不同文本样式间的相对大小差异,举例来说,正文字号可能会大过标题字号 。用相对于标准正文字号的em来定义所有文本是非常关键的 。这确保了网页中的所有文本均可产生对应的调整,尊重不同文本字号间的关系 。
11控制换行
缩放浏览器窗口会使文本框变得宽敞或拥挤,而终端用户也可以改变字体大小 。这可能令你觉得换行是难以掌控的 。但当你对希望达到的最终效果有一个彻底的理解以后,某些特定方面是可以操控的 。
换行出现在被p或div标签环绕段落的结尾 。在其它情况下,很少有希望下个单词能从新一行开始而插入换行的做法,因此请谨慎使用
标签 。最常见的原因是要将2个或多个单词放在一起 。不间断式空格可以确保邻接单词永远处在同一行 。可惜的是不间断式连字符尚未被定义为HTML字符实体 。另外,软连字符或自由裁量连字符只应在必要时出现,当文本列过于拥挤,希望分割开超长单词时,它们就可派上用场 。
12注意空格
非间断空格(nbsp)并非HTML中可用的唯一一种空格字符 。全角空格(emspace)和字体等宽,能够形成一个完美的方形分隔符 。半角空格(enspace)的宽度是它的1/2 。表格式文本当中最有用的是数字式空格(figurespace),和字体中的数字占据相同大小的空间;而标点式空格(punctuationspace)与点、逗号的宽度相等;薄空格(thinspace)可以在人名缩写中的点和下一个字母之间使用,而发丝式空格(hairspace)可以将长破折号与相邻的字符分开 。还有3倍、4倍、6倍于每全角宽度的空格…
推荐阅读
- 七天内核心关键词排名到首页,教你SEO复活
- 优化网站如何做 一步步打造高质量网站
- 八点教你制作出优秀的网站广告
- 打造优秀网站的八大设计要点是什么?
- 如何打造区域旅游网站建设
- 为310打造真正的SRS WOW 音效
- 如何打造成功的网站设计
- 打造三星E598超越神话般的音质
- 如何把网站打造的更完美
- 如何轻松打造高质量网站
