随着网络时代的飞速发展,现在的购物方式也慢慢地趋向于网络化。如何让自己的网店在众多的网店中脱颖而出呢?这时选择一款漂亮的页面是至关重要的。下面我们就详细的介绍一下适合女性网店的模版、样式。见下图:
(此图片来自httpwww.meilibar.com)
看到如此漂亮的模板,大家一定很急切的想知道怎样可以加载自己心仪的模版。下面就以ECShop为例介绍一下网店模版的选择和安装。
1、 首先下载你需要的风格模板,解压后,将风格模板上传到网店的根目录下的themes文件夹,如图 2 所示:
图2
2、 将图2 中pinkgirl风格目录通过ftp上传到网店的根目录下的themes文件夹, 如图 3 所示.
3、 然后,来到网店后台,找到模板选择,如图 4 所示:
4、 进入之后可以看到我们刚才上传的pinkgril风格,点击缩略图进行选择,然后点击确定,如图 5 所示:
5、 确定后就会提示你选择成功,如图 6 所示:
6、 现在新风格已经启用了,如果想备份当前模板,可以点击备份当前模板,程序将会自动打包然后弹出下载框供下载备份,如图 7 所示:
至此模版的选择使用就完成了。在后台清除缓存后,再到商城首页刷新模版,就可以见到如图 1 所示的样式了。
[此文来源于互联网,牛C网只负责收集整理]
当前测试版本的IE 8支持新的WebSlices(网站订阅)功能,允许用户以RSS类似的方式订阅网页的一部分内容。微软一位高级副总裁曾表示,重点在消费者浏览器市场以同样的方式进行技术创新能够比改善浏览器中的标准支持为股东带来更多的回报。
目前还不清楚这种范例转变是否会继续扩展到IE 9的开发或者这个决定是否仅影响到目前的IE 8开发周期。消息来源不愿意透露参加这个讨论的有关人
一批视频网站即将拿到合法“身份”。昨天,有消息称,广电总局将在4月颁发视频网站经营牌照给10余个网站,其中将有3个牌照颁发给民营的视频点播网站,而土豆、优酷等民营视频分享网站则由于内容问题,暂时无法取得相关牌照。
此前传闻今天广电总局将召开一个由视频网站老总参加的培训会议,会上可能会颁发牌照。不过知情人士表示,牌照不会在这次会议上颁发,广电总局近期类似的培训会议很多,按照目前的进度,首批大规模发牌恐怕要等到4月底。
视频分享网无缘牌照
就在10天前,广
在进行了一年的网络测试后,国产第三代通信网络 - TD-SCDMA今天终于面对普通消费者.
今天,中国移动在北京、上海、天津、沈阳、广州、深圳、厦 门和秦皇岛正式启动TD网络的试商用.记者从北京移动了解到,首批TD号卡均将采用157号段,北京地区放号量大概在5000个左右,试商用期间 TD通信资费打5折,将有6款TD手机2款数据卡面市,目前TD可使用的业务有22个.
放号针对两类客户群
据北京移动方面介绍,为了大规模测试TD的网络效果,这次TD放号会面对两
[img][attach
第十位:Facebook
2007年,Facebook的用户注意到在News Feed更新里有一些不同寻常的内容,其中一项是所谓livepoke活动,该活动号称将根据用户请求,派人去戳一下用户选择的Facebook中的朋友 (它还声称只为前100人提供这项服务);另一则新闻则声称,哈利·波特与伏地魔之间的关系将回到原先状态,即不共戴天的敌人。Computer.com
- 规模最大:第一期工程拟招募人肉搜索志愿者2500万名,完成后将成为亚太地区最大的人肉搜索引擎。
- 创新最多:256项专利技术,1024篇相关论文,4096次用户调研,65536轮预览版测试。
- 领域最全:搜索范围涵盖娱乐、影视、体育、社会、名人、百姓、历史、地理、物种、太空等领域。
- 速度最快:平均查询响应时间32秒。
- 挖掘最深:曾在预览版测试中,用时128秒,成功定位了中国大陆生产的第一只自动冲水马桶。
《互联网视听节目服务管理规定》(简称《规定》)出台之后的首批互联网视听服务许可证下月即将颁发。消息人士透露,上海文广新闻传媒集团旗下东方宽频、优度宽频、光线传媒等十多家企业已获得《规定》出台后首批互联网视听服务许可证。广电总局很可能在4月1日公布这份名单。
超过3家民营网站获批
据透露,虽然此次获批的企业以国有网站为主,不过还是有3家以上的民营网站顺利拿到了
被攻破的Windows Vista是已经集成了SP1补丁包的版本,成功入侵系统的黑客表示,自己并没有想到这是一个已经集成了SP1版本的Windows Vista,这给他的入侵带来了不小的麻烦。但是,他还是成功利用了在Windows操作系统下另一个重要插件Adobe Flash的一个漏洞取得了系统的控制权。
同时,他还透露,此漏洞同样存在于其他操作系统中,包括Linux,而他之所以仅仅攻击了Windows Vista,是因为不希望在这样一个活动中,给本来就缺少关注的Linux以打击。
有人喜有人忧
互联网视频牌照正式称谓为《信息网络传播视听节目许可证》,由国家广电总局颁发。其是国内数百家从事互联网视频业务的网站所“梦寐以求”的,这些网站目前都已具备门槛较低的信产部颁发的《增值电信业务经营许可证》,有的还具备文化部颁发的《网络文化经营许可证》。
土豆、优酷、我乐等知名视频分享网站不在此次新牌照颁发之列。相关人士透露,首批获得牌照的网站主要是从事视频点播业务。而土豆网等以视频上传分享为主的网站,由于一些内容监管等问题不在此列。
本月20日,广电总局发布互联网视听网站抽查结果,开始一次集中整治,包括土豆网在内的32家网站被给予警告处罚,还有25家网站被责令停止视听节目服务。
在首批获得牌照的企业中,国资网站由此前牌照到期继续获得的和新获得的为主,民营则仅有几个以视频点播形式经营的类似激动网、优度等网站可以获得。
激动网高层昨日对《第一财经日报》表示,监管部门对于视频站点的管制有利于整个行业的健康发展,并且民营站点获得牌照也给投资者带来了稳定的政策信号,投资者可以继续进行该领域的发展。
知情人士表示,激动网等之所以有可能成为首批获得牌照的网站,主要是因为以点播为主,而且版权不存在问题,内容监管机制得当等因素。激动网定位在“视频门户”,目前包括20个频道视频已与包括TVB、ATV、EMI、华谊兄弟等在内的300多家影视制作机构,以及全国30多家卫星电视台、地方电视台进行内容合作,内容则是由正规影视新闻机构提供。
优酷和我乐等网站表示,正在积极争取牌照。我乐网相关负责人表示,近期已与广电总局接触,尚未获得明确答复。
门槛界定 视频网站增值
互联网视频牌照难以获得的原因在于,针对视频网站《互联网视听节目服务管理规定》,由国家广电总局、信息产业部审议通过,自2008年1月31日起施行,其中规定申请从事互联网视听节目服务的公司必须为国有独资或国有控股单位。
但广电总局和信产部此前明确解释,目前正在运营的大部分合法视频网站都不受“国资”条件的限制,只要重新登记即可继续经营,只是视频类网站的门槛将被大幅度提高,从1月31日起,新进入者必须符合《互联网视听节目服务管理规定》条件才可提供服务。
在两部门发布了“新规解读”之后,现有的互联网视频网站从业者以及已经投资了视频类网站的风险投资商们得以继续运营。目前,中国有超过300家的视频类网站,总共获得的风险投资金额在2亿美元左右。
根据广电总局去年的数据,全国大约有180家互联网站和单位获得了信息网络传播视听节目许可证,但其中基本都为国资控股,而其传播方式是频道播出、点播、下载定制、轮播、数据广播等,上传分享形式的基本没有。如东方宽频去年4月获得的“点播(含下载)类”牌照,有效期为两年,因此今年不必再申请。
酷六网CEO李善友还认为, 牌照由于对后进入者设置了严格的门槛,目前这些视频网站已经增值。因为目前很多国内外互联网视频巨头如Google旗下的YouTube、百度等都没有涉足这一领域,未来如果要进入的话,只能与国资合资或者寻求收购现拥有牌照的企业。
易观咨询分析师认为,虽然现有网站优胜劣汰的并购和重组将加剧,但新规提高进入门槛,一定程度缓解了现有网站面对新进入者的压力。
相关文章:
土豆关门了?
新政后首批视频牌照4月发
土豆网、我乐(56.com)等视频上传分享网站未获广电总局牌照
这篇主讲的内容涉及链接、标题、插入、删除、上下标、分割线、换行等标签。
我们都知道网页的最大特性是“链接”,是的这个在我们现在看起来习以为常的东西,让我们的生活发生了巨大的变化,是这个小小的标签成就了这个世界上无数的互联网天才。那么让我们看看这个标签的真面目:<a href="URL" >文本区</a>,就是这个简单的标签,其实大家都在使用,用Dreamweaver可以很简单的添加链接。但是尽管如此我们还是需要知道A的属性是什么,这样才能更好的利用它。A是个内联标签,也就是说它本身并不会产生分行。他是流于文本之中的无素。那么我们都知道内联元素是不能包含块元素的。那就是说在A中不能包含段落、DIV等这些块级的元素。那么你工作中是否有这样的情况呢?是否在A里加了无数的块级标签呢?那从现在开始改掉这个坏习惯,这样不光可以避免一些没必要的BUG问题,同时也能给GOOGLE等这些搜索引擎一个好印象,多点印象分。当然除此之外振之还推荐在大家伙在A中加入titile属性。例:<a href="URL" title="这可用以解释或是显示完整的文本内容">文本区</a>。为什么这么做呢,我这里有这样一篇文章《当标题不能显示完整的时候》,大家可以看一下,这只是加title属性其中一个小小的用处,但是作用非常有效。
链接标签中的href=“URL”这个URL是个非常强大的东西,当然这不是我们这个专栏的内容,但是也非常推荐读者们可以认真阅读一下相关的知识。我从百度百科中找到了相关文档,请大家点击阅读(站外链接请读者们选择新窗口阅读)。关于链接就暂时只讲这么多,如有什么疑问请通过文后的联系信息与我联系或是在线给我留言。
标题几乎是所有文章都会有的要素,也是我们用以识实与索引文章的重要元素。我们通过标题去感知文章内的核心。那么你知道吗?合理使用标题标签会让你的文章更受关注。我们都知道XHTML给我们提供了h1~h6,六个标题标签,那么我们如何分配这六个标题标签的使用呢?下面给出一些建议:h1,在浏览器中显示最大,那么自然用来表示最大的标题,对于一个网站来说哪个标题才是最大的?是LOGO,我们通常会在网站的最前面先标注这个网站的名称。所以h1就用来放LOGO,当然如果你的网站没有LOGO,只有一个网站名称,那也可以。当然振之是不推荐在大家在h1中放个图片。我们完全可以通过CSS来实现以图换字。并且推荐网页中h1只出现一次。
当h1找到了专用的功能,那么担任内容标是,或是基它标题的重担就要放在另外几个标题标签上了。在余下的几个标题中h5与h6在浏览器默认显示字体是小于正常文本字体的。那么推荐h5与h6只作为免责声明或是版权通告来使用。这样即表明重要性,又不会太过明显影响阅读。对于标题标签的使用尽可能的注意一下他们之间的等级关系。当然标题的使用还是需要根据实际使用来决定。这里只是给出个建议。标题标签是块线元素,但是他并不能再包含块级元素了,只能包含内联的元素,比如链接、图像,换行之类的。记得有个朋友前两天在文章中提到过关于标题的内容,但是写法就有错了,他把链接写在了H1标签的外面,把H1包起来了,这样的写法是不推荐的。也不符合标准思维容易给以后的学习产生不好导向。
我们的文章难免会有错误的地方,那么有错就要改,但是有时候我们需要告诉读者这段是被删除的但是又能让读者看到。那么删除标签的作用就产生了。以前我们会使用<s></s>或是<strike></strike>来得到一个删除线的效果。但是这仅表是一个删除线的效果,语义上没有DEL来得更为明确,所以这里我要告诉大家放弃以前的方式,采用<del></del>这个标签。同样能表达我们需要的效果,并且意义更为直接明确。那么除了删除有时我们还需要对删除的部分作出一些添加与修改。那么时候这个标签就非常有作用了那就是插入标签<ins></ins>。相信不用我说大家也知道如何使用这两个标签,但是千万别忘记了给这两个标签加上两个重要的属性:cite与datetime。解释与时间。解释不用说了,只要用文字注明为什么要删除或是为什么要插入就可以了。但是这个时间需要明确一下格式。严格的格式是:YYYY-MM-DDThh:mm:ssTZD。呵呵与我们平时用的差不多但是有区别,其中T是表示时间段开始的必需字符,而TZD则是表示时区,Z是表是格林威治标准时间。一秀的写法是:2008-03-25T14:26:22Z
在所有的标签中有两上标签是样式标签,但是却没有被禁用,因为这两个标签所表述的内容很特别,上下标,<sup>上标</sup>,<sub>下标</sub>。
这两个标签用得到机率比较小,但是上标应该还是会常用到的,比如温度中的摄氏度的上的小圆圈,当然现有有专业的字符对应“℃”,还有我们常看到书中的脚注上标[1]。
hr,分平分隔线,这个标签与换行标签只要注意标签的写法就可以了<hr /><br />
关于文本部分的标签就讲到这里,当然标签可能还有很多,但是一些不推荐使用的,不常用的,这里就不再推荐,有兴趣的可以搜索一下相关的内空阅读一下即可。下一篇将引入CSS,一点点的美化我们的文档。
在XHTML标签中有一些标签的作用是相似的,当然这里的相似是指语义相似,以至于很多人都不清楚这些相似的标签如何使用,那么今天的主题就是分解相似的标签,明确各个标签的用途。在前面我们已经讲过了strong与em的区别。除了strong与em之外还有一些相似的标签比如q、cite、blockquote。这三个都属于引用一类,但是这里还是有一些区别的,首先来一一解释。
<q></q>,q的作用是引用非块元素,也就是引用不能形成段落的内容,可能是某人说的一句话,也可能是一句文档摘录等,特点很明显这里是“一句”。并且q本身并不会产生段落。q本身并没有什么样式,一般浏览器也不会给他设置一个默认样式使起突出。但是我们可以通过CSS去使之与一般内容区分开。在q标签中还有一个属性是非常重要的,那就是cite。在这个cite属性值中主要是注明引用内容的出自何处,或是给出在线的地址。
<q cite="http://www.niuc.net/category/html/">这次的内容会让你更进一步的了解到关于段落里的细节</q>
要特别注意不要把q写成p,这两个标签很容易弄错。
在上一篇中其实已经谈到了cite,在那篇文章中我写到“这个标签只表注出文献的标题与名称。这个标签有点类似于我们书籍后面的参考文献的目录内容,也有点像是脚注。”
那么他与q之间的区别是什么呢?其实很容易理解,q是显示内容,而cite则是显示说这段内容的人名或是书名。cite与q常常混合起来使用。比如:<cite>鲁迅</cite>先生说:<q>地上本来没有路,走得人多了,便有了路</q>。
那么blockquote与他们有什么区别呢?blockquote是块引用,XHTML允许其包含任何标签。而上面的q与cite则没有这么大的包容度。blockquote的使用是当需要引用一段或是多段内容时所采用的,浏览器一般默认处理会把引用内容缩进一些以与正常的段落文章区分开。当然我们可以通过CSS样式来改变区分的形式。
在blockquote中有一个cite属性,与q一样是用来注明引用来源的。可以把联机文档的URL注明在其中。
在XHTML标签中还有一个叫pre的标签,这个标签在Dreamweaver中被称为“格式化”,在以前使用Dreamweaver 的时候我一直不清楚这个东西是作什么用的。一直到现在才清楚pre通常用以显示源代码,并且不支持能使段落分开的标签比如<p>,显示内容如需换行只要在源文件中换行即可无需要代码实现。同时pre会保留注其中的所有空格并显示出来。
一般来讲pre目前是多用于显示源代码,这与code的用途是相似的,所不同的是pre是块级的,而code是内联的。简单说,pre可以包括多行内容,而code只包含短小的一句或几个字符。
这里讲述的并不能完全说清楚,这就需要在看完文档后动手操作尝试一下,自行去发现其中的特别之处。有朋友说希望看到有关于CSS方面的知识。这里我想传达我的编写意图。我希望一步步来,让一些还没从表格布局脱离出来的朋友可以先行使用一些并不会影响整体的形式切入进去。因为一涉及CSS就可能会有兼容性问题,所以这里先说文档,然后再加入一些不影响整体布局的CSS知识。一步步的深入,最终能让阅读者从表格布局自然过渡到标准势力中来。当然有朋友已经通过自学的方式完成了这一步,那么可以到我的“杂谈标准”一栏中与我交流。
1、css框架
中国的互联网行业已经发展了10年,浏览器也从最早流行的NS到现在的FF3.IE7等等……前端开发工程师的职位也诞生了。近几年在web开发中,有个非常火的词——“框架”。YUI、JQuery、Prototype这些javascript框架在开发网站时,确实成为前端开发工程师的手中利器。为什么呢?因为框架是包含工具、函数库、约定,以及尝试从常用任务中抽象出可以复用的通用模块,让设计师与程序员避免重复开发。通俗地讲便是把大多数重复工作的时间给节约了。
编写css也是一样,从最初只是定义文字颜色、内容排版,到现在定义所有的表现。css框架也渐渐被重视了,因为大家都认识到:从具象的表现中抽出抽象的模块来重复使用,是减少用户下载、方便团队及个人开发最重要的手段。
2、css框架的开发顺序
a) 格式化 reset.css
格式化css的真正好处是能够快速启动工作,你可以在新的HTML文件里引入框架,不用再处理重置padding 和 margins,实现统一的排版、浏览器下的相同表现。
b) 布局 layout.css
定义页面是二栏还是三栏,是全屏还是1024×768……
一个网站的设计可能有很多种布局,但是大多数都是由几个具有复用性的布局组成,选择性的引入所需要的布局,可以很快地应用所期望的页面布局。
c) 基本样式 type.css
定义body、h1-h6、a:link-a:active、p等的字体大小和颜色。
基本样式的css引用,譬如将ul定义class为“ul-text”,用来展现相同的icon、行间距、链接色彩。
还可以像这样应用:class=”ul-text square”,li前展现的是方型的icon。d) 表格修饰 table.css
定义table、tr、td、th、thead、tfoot、tbody、caption等标签的表现。
和基本样式一样,但是表格在现有网站的展现形式几乎都是处理数据,所以分开存放引用。譬如在table上应用table-style-1便是黑色边框的表格,table-style-2便是黄色边框的表格。e) 表单修饰 form.css
定义fieldset、label、button、input 、select、textarea这几个标签的表现。
大多数网站的表单、按钮、输入框几乎都是一样的。之所以引入这个css,是为了便于统一在各个浏览器中的展现。默认的按钮、输入框等在各个浏览器下的展现区别很大,虽然在格式化的css中已经初步的统一,但是输入框的边框,按钮的样式都是需要在这个css中定义的。无奈的是select无法做到统一,如果考虑到用js实现的话,这个成本太大了点。f) 打印修饰 print.css
修饰打印输出的页面。
g) 包含其他css的css
frontpage.css、list.css、detail.css、register.css等等
根据各种引用去引入相应的css。譬如list页面中没有需要表格的修饰,那就不引入table.css。以节约代码量。
3、css框架文件夹的建立
a) core 主要的
存放reset.css、layout.css、type.css、print.cssb) bud 模块
存放table.css、form.css、album.css等cssc) petal 具体应用
存放封装过的css。frontpage.css、llist.css、detail.css、register.css等css。这个文件夹存放的css都是被直接引用的。文件夹的命名,按个人喜好啦!
我还希望用电子、质子等命名呢。嘿嘿!
4、css框架的优点
a) 提高开发效率。
b) 规范名称定义,便于维护。
c) 规范项目开发流程
d) css代码更清晰、简单。html代码更合理。
5、css框架的弊端。
a) 学习成本提高。你需要了解整个框架,需要阅读框架的文档。
b) css框架对于一个小项目等页面来说很臃肿。框架中可能有大部分你用不到的代码。
c)可能会无法帮助你的技术提高。太依赖框架,以至于很难排除bug。包括框架中本身就带的bug。
d) 选择自己需要的框架与开发框架都很痛苦。写到后面发现越来越不灵活,越来越臃肿。残念 -_-
6、开发及使用css框架中常遇到的问题。
1、页面外部引用样式过多。
譬如关于ul的margin定义,在格式化的css中会声明为0,而在基本样式的css中又可能会声明margin:5px 10px;
所以在Yslow中会出现多次定义。
2、组件复用性的考量。
譬如表单定义的css中定义了所有表单的修饰,而假定在注册这个页面中只是需要这个css的百分之三十。那是否应切割出去那不要的百分之七十?
综合以上的二个问题,个人认为解决的方式便是封装,让该有的有,不该有的没有。尽量减少http连接数和css的大小。但如果彻底是这样做的话,css的复用性又会变得很差,后期手工的封装会很痛苦。只能套用小马的一句话“具体情况,具体分析”。人生真是矛盾啊…
3、到底该不该支持em?
可见如要支持em,最大的目的是为了在浏览器中可以根据用户的分辨率大小自由缩放,对于拥有超大显示器的用户与小显示器的用户是非常有用的。可是在采集我们用户的浏览器数据后,发现分辨处于这二端的用户非常少,可想而知,为这部分的用户多花比正常开发一倍以上的时间显然是件不划算的事情,所以当初在开发tbsp的时候,我们团队就决定了不支持em。当然这是个建议,我们也希望能使用em带给用户最好的感受。
相关文章列表:
CSS 教程 - css框架CSS 教程 - 闭合浮动元素
CSS 教程 - H1
CSS 教程 - 计算CSS盒模型宽和高
CSS 教程 - 命名参考
CSS 教程 - DIV底部放置文字
CSS 教程 - 控制网页文件大小
CSS 教程 - dl dt dd
CSS 教程 - CSS的继承性
CSS 教程 - 浮动元素
CSS 教程 - position绝对定位的问题
CSS 教程 - 表单设计技巧
CSS 教程 - 定位(position)
CSS 教程 - 盒模型(BOX Model)
CSS 教程 - 水平对齐(text-align)
CSS 教程 - CSS固定表头的HTML表格
CSS 教程 - 对搜索引擎更友好
CSS 教程 - li和ul标签的用法
所以我们会采用一种Using Background-Image to Replace Text的方法,也就是将图像以背景图像的方式“插入”网页显示,同时为了让残障人士能了解该部分信息,显示该图像的区域用文本加以说明;但又为了让正常人不为既看到背景图像又看到图像上的文本而混淆,所以我们又将这些文本隐藏。
或许我们也会说我们可以给图像加alt、加title,这样正常用户能看得见,残障用户也“阅读”到。不过,我们再想想,Web标准还推荐使用合理的XHTML文档结构,对于插入图像这样一个“实体”,插入到网页是什么图像就是什么图像了,当我们需要替换图像时,我们修改HTML文件,若有很多页面呢(我批量改_-!)。所以这部分图像的插入就“亲和力”和“扩展性”而言,都建议使用“背景图像” “隐藏文本”的方法。当然对于图像热区链接我们另做讨论。
说的都不大理解,还是举例子。
有这样的一张图像,我们要插入到网页显示,那么正常情况下我是使用“<img />”标签的
其中,因为浏览器可能显示不了图像中文本的字体样式,所以我们做成图像显示在网页中。在当我们需要为这种图像中的文本新做另外一种字体的图像,那么现在来解决新图像的显示,我们就必须要修改HTML文档。而一旦我采用了CSS定义背景图像之后,这些问题都迎刃而解。
所以,我们开始感受到这种方式的“好”,并以此应用到新的网页设计中去。当然,为了尽量精简我们的HTML代码,我还可以这样:
直接定义 text-indent: -10000px; 将文本显示在屏幕分辨率以外的区域。
=======================================
今天向老友问了个问题,“关于一个效果……图像是用<div>包含一下呢还是直接<img /> ”。
随即否定:不要为了表现添加标签,也不要为表现用IMG插入图片,表现的内容,不放到CSS里去,怎么谈分离。
页面全部完成后,把CSS去掉,看看页面,应该是很纯的,全是内容,没有一点儿表现的成份在里面。
于是如醍醐灌顶,恍然大悟,遂搜索整理并理解得此文。
更多相关文章:
WEB标准 - 链接和文本标签WEB标准 - 功能相似的标签
WEB标准 - 精简的网页图像代码
WEB标准 - P标签(续)
WEB标准 - P标签
Web标准 - 结构 表现 行为分离
关于段落<p></p>相信大家已经都在自己的工作中开始关注并应用了。因为那真的是非常简单的事,只要你愿意你随时都可以开始让你的页面代码更为标准化。如果你已经开始跟着《WEB标准能有多难?》在自己的工作中循序渐进地运用WEB标准了,那么这次的内容会让你更进一步的了解到关于段落里的细节。要是你刚刚准备好开始没关系可以先看看《WEB标准 - P标签 》,然后再看本文。
昨天晚上我决定了放弃在这个时候插入CSS内容,继续深入XHTML的内容。也许大家会觉XHTML远没有CSS有趣,是的,的确如此,CSS能变化出无数看得见的可能。而XHTML只不过是为了机器与程序准备的。但是事实上XHTML的重要性要比CSS重要得多。我们都知道网页本身的作用是用以承载信息、数据、知识,我们这里暂把这些称之为“内容”。网站的第一要素就是内容,没有内容的网页可能就不能叫网页了,但是如果你把一堆的内容放在一起没有标签去区别段落、重点、引用等那么内容将挤在一起,没办法阅读,就算你是个CSS的高手,在一堆没有XHTML标签的文档中让你去美化它,你也无从入手。是的内容需要XHTML去区分内容并且给CSS以用武之地。如果说内容是内脏与灵魂,CSS是皮肉,那么XHTML就是骨骼。
XHTML那么的重要我们当然不能浪费时间,现在就来一一去介绍可以用在段落中的标签。(大家要注意这句话:“用在段落中的标签”,这就表明这些标签不是块级标签。是内联标签。)首先要介绍的是强调标签——strong与em。为什么一次要介绍两个标签呢?因为这两个标签都有强调的意思。同是强调那么为什么要用两个标签这么浪费呢?虽然都有强调的意思,但是强调的力度却有所不同。strong要比em力度更大一点。如果说em是中国词汇中的“强调”、“注意”,那么strong就是“再三强调”、“特别注意”。当然在文本中不能滥用强调标签,合理使用会让文章中的重点内容得到突出。那么一般性的强调用em即可,如果是需要特别重点的再用strong。
也许有的朋友会说,strong与em的区别就是strong中的内容是粗体显示,em中的内容是斜体显示。这种说法是错误的,因为这两个标签本身不具备样式属性。HTML标签中有一些样式标签比如<b><i><u>,并且样式标签已经在XHTML中不推荐使用了。而我们在浏览器里看到的strong中的内容是粗体显示,那只是浏览器对标签的预设样式。并不表示striong就是粗体,如果有一天浏览器不再提供预设样式了,那么strong中的内容不会出现任何样式。em也是一样。关于这个问题有兴趣的朋友可以查阅一下《语义与样式无关》一文。
我们现在都很喜欢使用缩略词来表述特定的事物或是事件,这样做的好处是方便快递地传达信息,而不用每次都去打那么长的文字,特别是对于重复出现的词汇。那么缩略词应该用什么样的XHTML标签呢?这次又是一次介绍两个标签——abbr与acronym。这两个标签的大致用途是一样的,但是也还是有细节上的不同。比如<abbr></abbr>的作用是表明标签中的内容为缩写形式。而<acronym></acronym>的作用是表明标签中的内容是首字母缩写词。大家注意到了,我为“首字母缩写词”使用了em强调。一般来讲acronym要比abbr在英文中常用,但是在中文正好相反。因为中文中没有首字母缩写。也许有首字缩写但这也比较少有。例如:中华人民共和国,简称是中国;全国人民代表大会,简称是人代会;这些都不是首字缩写,这里我倒是觉得文中出现中国成语的时候应该使用abbr。当然光只有这个标签还不行,因为只知道他是个缩略词还不行,至少还要给出详细的名称啊。所以这两个标签在使用的时候还要再加上一个title属性。正确的写法应该是这样的。<acronym title="European Computer Manufacturers Association">ECMA</acronym>;<abbr title="按照一定的步骤逐渐深入或提高。">循序渐进</abbr>在浏览器上并不会直接显示title里的内容,只有当鼠标移动到那个位置后才会出现悬浮提示。当然一般缩写标签只在缩略词第一次出现的时候使用,以后文章中再出现就可以不用了。
你的文档里是否有缩略词?你是否给出了缩略词完整的词汇呢?如果有快点应用起来,这会让你的文档更受欢迎的。如果想要自己的文档受到欢迎,那么你的文档必需要懂礼貌。也许有朋友会说:你要疯啊,文档怎么懂礼貌呢? 事实上文档的确需要懂礼貌,比如当你引用了别人的某个参考文献、书籍、杂志的时候是否标注出来了呢?对这就是我们这里要说的文档的礼貌。尊重他人比如当我需要向大家推荐一篇他人的文章,那么我就需要这样来处理:<a href="……"><cite>推荐文章的标题<cite></a>大家注意到了,在A标签中还有一个cite标签。当然如果你需要引用的是一句话或是一段文字那么这个标签就不适合了。这个标签只表注出文献的标题与名称。这个标签有点类似于我们书籍后面的参考文献的目录内容,也有点像是脚注。当然cite这个标签完全可以这么处理。至于需要引用一句话或是成段的文字的标签我们将会在以后介绍。
对于我们这个行业来说在文档中出现代码的机率真的是太高了。那么如何把文档中的代码与内容区分开,必然需要特定的标签。这里介绍的就是最常用的,简单的code标签。这个标签的作用仅是处理一些精短的代码,对于需要分行、缩进的大量的代码并不适合,对于如同本文中出现的一些代码就比较适合使用code这个标签了。如果大家有兴趣可以翻开本文的源代码来看一下。关于大量的代码如何处理那就请各位朋友期待以后的文章吧。
这里还要提醒大家一下,看了本文并不起什么作用,把看到的应用到自己的工作中才是最重要的。只要你在应用,你就离成功更进一步了。让我们一起努力,加油
更多相关文章:
WEB标准 - 链接和文本标签WEB标准 - 功能相似的标签
WEB标准 - 精简的网页图像代码
WEB标准 - P标签(续)
WEB标准 - P标签
Web标准 - 结构 表现 行为分离





我还希望用电子、质子等命名呢。嘿嘿! 


