域名注册

• 中文域名
• 英文域名
• 通用网址
• 域名解析
• 域名转入\转出

虚拟主机

• 主机购买
• 管理主机
• FTP上传
• 数据库管理
• 主机续费升级

网站建设

• 建站流程介绍
• 网站设计
• 网站改版
• 网站维护
• 网站推广

企业邮局

• 邮箱使用
• 管理邮箱
• 邮箱续费升级
• 全球邮局

网站优化

• seo优化
• seo技巧
• 收索引擎优化
• 关键词优化

网站备案

• 备案流程指南
• 修改备案
• 备案资料下载
• 备案小技巧

服务器租用

• 服务器租用
• 服务器托管

其它服务

• 400电话
• 在线客服
• 财务常见问题
• 会员常见问题

• 您现在的位置： 创新互联 >> 网站建设 >> 网站建设常见问题 >> Marquee为什么不符合WEB标准？

Marquee为什么不符合WEB标准？

• 作者：曾小姐 文章来源：成都网站建设 点击数：939 更新时间：2011-12-18
• 　　小编浏览网页时，留意到某论坛里的一篇关于Marquee怎么样修改才能符合标准的帖子。小编看了一下朋友们的跟帖，觉得说得都挺好，尤其版主指明了Marquee是不符合标准的，已经被W3C抛弃了。但有朋友大打不平的说觉得去得没道理，本来挺好的效果现在变没了。也有朋友说去了好，看着就烦。大家都有自己的理解角度，虽然我们自己怎么理解是一回事，但是我们　　要弄清楚为什么，在这里小编就针对这一话题跟大家摆谈摆谈，希望大家理解并能想通。
  首先要更正的一点是：Marquee被W3C抛弃了。
  　　这句话其实这是错误的，为什么呢，因为Marquee从来都没有被W3C视为正式标签使用。W3C从来就没有制定这一标签，就更没有“抛弃”一说。这就好比还没结婚就说离婚一样。其实Marquee与很多其它的标签一样是由微软与网景等公司私制的，而W3C一直以来都没有承认这一标签。这有钱公司就是有不讲理这点毛病，不过这不盈利的组织就是嘴硬！
  第二，为什么W3C一直不承认Marquee呢？
  　　要说这个标签在广大网页设计人员的眼里也算是把螺丝刀啊！在早年还是我们引以为技术力量作为炫耀的资本呢。可现在不主张用了（这里要题外话：很多人说W3C不许用了，这都是错的，W3C没权限制你不许用或是不能用），为什么呢，那我们要明确这个标准是什么。标准并不是一项技术，标准只是一种规范与提议。我们用的依然是原来的HTML4.0中的标签，标准没有给我们的XHTML中加入什么标签，而是给出了哪些是推荐使用的（例：p,div,ul,dl,span,em…），哪些是主张不使用的（例：font,b,u,i…），并且主张了要语义化与使用规范。当然标准不只是XHTML同时还包括了CSS与DOM还有脚本语言。很多人以为CSS是标准后才产生的，其实不是，CSS很早就有了，标准之于CSS也是一样，主张不使用一些浏览器厂商制定的一些CSS，比如CSS滤镜。
  第三，在标准中还有很重要的一点，那就是功能性分离。
  　　分成为结构、样式、行为三个部分，这三个部分分别包括了，结构（xHTML、XML），样工（CSS），行为（DOM、ECMAScript）。到这里我们返回来想想那个Marquee为什么不被W3C所承认，小编想大家伙都应明白了。他与FONT、B等标签一样已经不是结构性标签了。他们中带有了样式与行为特性，再把他们划在结构的范畴里很明显是多多余了。
  　　所以，大家希望Marquee的效果能被保留或是实现就需要多多关注一下javascript，脚本语言一定能让你的网页动起来。要想让你指定的地方动起来当然要注意标签中的ID与CLASS的使用。
  　　为了方便大家使用这个有意思的效果，小编特意请创新互联网站建设的技术总监写了一段JS，请大家看以下代码：
  　　JS代码：
  　　functiongetElementsByClass(searchClass,tagName){
  　　varclassElements=newArray();
  　　if(tagName==null)
  　　tagName='*';
  　　varels=document.getElementsByTagName(tagName);
  　　varelsLen=els.length;
  　　varpattern=newRegExp("(^|s)"+searchClass+"(s|$)");
  　　for(i=0,j=0;i<elsLen;i++){
  　　if(pattern.test(els[i].className)){
  　　classElements[j]=els[i];
  　　j++;
  　　}
  　　}
  　　returnclassElements;
  　　}
  　　functionccMarquee(className){
  　　vara=getElementsByClass(className);
  　　for(i=0;i<a.length;i++){
  　　a[i].innerHTML="<marquee>"+a[i].innerHTML+"</marquee>";
  　　}
  　　}window.onload=function(){
  　　ccMarquee("ccMarquee");
  　　}
  　　XHTML代码：
  　　<divclass="ccMarquee">
  　　<ahref=""title="">这里是滚动的</a>
  　　</div>
  　　请大家注意，需要用到滚动效果的地方只要在其何外围的标签上加上Class="ccMarquee"即可。注意大小写。
  　　附：<marquee>标签属性详解
  　　请大家先看下面这段代码：
  <marqueedirection=upbehavior=scrollloop=3scrollamount=1scrolldelay=10align=topbgcolor
  =#ffffffheight=300width=30%hspace=20vspace=10onmouseover=this.stop()
  onmouseout=this.start()>此处输入滚动内容</marquee>
  　　现在让我们来具体分析一下：
  　　◎direction表示滚动的方向，值可以是left，right，up，down，默认为left
  　　◎behavior表示滚动的方式，值可以是scroll（连续滚动）slide（滑动一次）alternate（来回滚动）
  　　◎loop表示循环的次数，值是正整数，默认为无限循环
  　　◎scrollamount表示运动速度，值是正整数，默认为6
  　　◎scrolldelay表示停顿时间，值是正整数，默认为0，单位似乎是毫秒
  　　◎align表示元素的垂直对齐方式，值可以是top，middle，bottom，默认为middle
  　　◎bgcolor表示运动区域的背景色，值是16进制的RGB颜色，默认为白色
  　　◎height、width表示运动区域的高度和宽度，值是正整数（单位是像素）或百分数，默认width=100%height为标签内元素的高度
  　　◎hspace、vspace表示元素到区域边界的水平距离和垂直距离，值是正整数，单位是像素。
  　　◎onmouseove当鼠标移开的时候又继续滚动。
  　　以上代码，小编认为是很实用的，对于网站建设初学者而言，这就是致胜的法宝呀。废话不多说，还请大家仔细理解呢。
• 上一篇文章：CSS中positionfixed固定定位用法分析
  下一篇文章：网站防挂IFRAME木马的解决方案