搜索
CE-HTML(ConsumerElectronics–HypertextMarkupLanguage)学习汇报什么是CE-HTML？•CE-HTML就是ConsumerElectronics–HypertextMarkupLanguage，直译作“消费电子用超文本标记语言”。•虽然名字叫做语言，但是CE-HTML其实是一套标准，而不是一种语言。CE-HTML和HTML有什么关系？•CE-HTML包含HTML，因为CE-HTML是一套为消费类电子产品定义的，包含一系列语言和扩展定义的标准。•严格的说，CE-HTML包含的是XHTML，一种更加严谨纯净的HTML语言。因为XHTML能够更好的被手机电视等设备的浏览器所支持。为什么要叫做CE-HTML？首先明确ConsumerElectronics（CE）即消费电子产品，是指满足消费者娱乐需求的电子产品，主要指音视频产品（例如手机、电视）。其次，我们需要知道互联网是在电脑设备上发展起来的，并且发展至今已经比较成熟，近年来随着科技发展，硬件处理速度和效率也大幅提升，例如手机和电视这样的CE设备也具有了解析网页的硬件处理条件。因此也就产生了大量CE设备访问互联网网页的需求。随着大量CE设备开始解析显示网页，旧的网页代码编写规范就体现出了很多缺陷点。因此CE-HTML这个标准就是在现有的网页代码编写规范上添加了很多专门为CE设备规定的条款的一个规范。传统网页在CE设备上有什么缺陷？•传统网页的字体小、图片也小，不适宜在电视或机顶盒中显示。•传统网页只支持鼠标键盘操作，不支持遥控操作。•没有高亮的焦点导航，用户不知道自己选择的焦点在哪个网页元素上。•存在很多不可移植的浏览器扩展(DOMlevel0/legacyDOM)•没有标准的audio/video对象实现。•存在许多商业的有版权的、CE设备不兼容的扩展（例如AdobeFlash插件）•使用CE设备显示HTML内容还可能因为CE设备具有不同的分辨率、遥控方式和音视频解码而产生问题。CE-HTML具体包括哪些东西？1.ECMAScript262,3rdedition2.XHTML1.0transitional/strict3.CSSTVProfile1.04.XMLHttpRequestobject5.DOMlevel2.06.大量针对CE设备的扩展。CE-HTML具体包括哪些东西？1.ECMAScript262,3rdedition这是一种由Ecma国际通过ECMA-262标准化的脚本程序设计语言。可以理解为CE-HTML包含了一份网页脚本设计规范，著名的JavaScript脚本语言就是这份标准的实现和扩展。基于ECMA-262,edition3的脚本语言：Application-implementationImplementationandlatestversionECMAScripteditionKHTMLlayoutengine,KDE'sKonqueror,andAppleInc.'sSafari[d8]JavaScript[d2]ECMA-262,edition3AppwebWebServer,Samba4Ejscript0.9.9ECMA-262,edition3[d9]Microsoft.NETFrameworkJScript.NET8.0ECMA-262,edition3[d10]AdobeFlashandAdobeFlexActionScript3ECMA-262,edition3[d11]AdobeAcrobatJavaScript1.7[d12]ECMA-262,edition3AdobeCreativeSuiteproducts:InDesign,Illustrator,Photoshop,Bridge,AfterEffects,PremiereProExtendScriptECMA-262,edition3[citationneeded]GeneralpurposescriptinglanguageDMDScript1.15ECMA-262OpenLaszloJavaScript[d13]ECMA-262,edition3[d14]CriScript,JScriptforgameplatformsCriScript0.91.0ECMA-262,edition3iCabInScript3.22(abandoned)ECMA-262,edition3Max/MSPJavaScript1.5[d2]ECMA-262,edition3ANTGalio3JavaScript1.5[d2][d15]ECMA-262,edition3KDEQtScriptECMA-262,edition3CajaECMA-262,edition3[d16]Objective-JECMA-262,edition3WMLScriptECMA-262,edition3JavaScriptTypeScript[11]ECMA-262,edition3,5andfeaturesfromupcoming6.Node.jsJavaScriptECMA-262,edition5JavaScript代码示例：htmlheadscripttype=text/javascriptfunctiondisp_prompt(){varname=prompt(请输入您的名字,BillGates)if(name!=null&&name!=){document.write(你好！+name+今天过得怎么样？)}}/script/headbodyinputtype=buttononclick=disp_prompt()value=显示提示框//body/htmlCE-HTML具体包括哪些东西？2.XHTML1.0transitional/strictXHTML是可扩展超文本标识语言,表现方式与超文本标记语言（HTML）类似，不过语法上更加严格。XHTML是当前HTML语言的继承者。HTML语法要求比较松散，这样对网页编写者来说，比较方便，但对于机器来说，语言的语法越松散，处理起来就越困难，对于传统的计算机来说，还有能力兼容松散语法，但对于许多其他设备，比如手机或电视，处理速度同传统计算机相比还有较大差距，兼容松散语法难度就比较大。强行处理会导致解析速度过慢，用户体验差。因此CE-HTML规定了使用XHTML标准，以使网页能够被浏览器正确及较快的解析并显示。CE-HTML具体包括哪些东西？举例来说：XHTML属性名称必须为小写HTML写法：tableWIDTH=100%XHTML写法：tablewidth=100%属性值使用双引号HTML写法：tablewidth=100%XHTML写法：tablewidth=100%属性简写是不允许的HTML写法：inputcheckedinputreadonlyinputdisabledoptionselectedframenoresizeXHTML写法：inputchecked=checked/inputreadonly=readonly/inputdisabled=disabled/optionselected=selected/framenoresize=noresize/用id属性来替代name属性HTML写法：imgsrc=picture.gifname=picture1/XHTML写法：imgsrc=picture.gifid=picture1/所有的标记都必须要有一个相应的结束标记，特殊的不成对的标签必须要在标签尾部写/号结束。HTML写法：bodyimgheight=“80”XHTML写法：bodyimgheight=“80”/body/CE-HTML具体包括哪些东西？3.CSSTVProfile1.0级联样式表（CSS）技术是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。一个简单的CSS例子：p{text-align:center;color:red;}这单独的一行就可以是一个CSS文件。随后在HTML网页中只要简单的写明link到这个css文件，网页中的所有p/p标签之间的文字都会变成居中红色。CSSTVProfile1.0是一个规范，它是CSS3模块（级联样式表）规范的一个子集。它是根据电视或机顶盒设备的显示特点和限制条件删除了CSS3规范中的一些内容定制而成。CSSTVprofile1.0与CSS3的区别主要在于，CSSTVprofile1.0是一个轻量化的CSS3规范，它根据电视的特点去除了一些电视中不会用到的元素，并根据电视设备处理效率比个人电脑低的特点去除了一些高级特效，使网页效果变得简洁高效。举例来说：CSSTVprofile去除了“E:hover”选择器。因为CE-HTML规范中默认不使用鼠标操作浏览器，而这个选择器的意义是，选择器的内容会在鼠标光标悬停的时候被触发（例如文字在鼠标悬停时变成另一种颜色），因此这个选择器对CE-HTML标准来说就不必要存在。CSSTVprofile去除了元素的“cursor”属性，这个属性的含义是规定鼠标光标停留在这个元素上时的式样（例如输入框可规定鼠标光标停留在其上时变成输入的形状），由于CE-HTML没有鼠标的原因，这个属性也不需要。区别：CE-HTML具体包括哪些东西？4.XMLHttpRequestobjectCE-HTML标准中规定包含XMLHttpRequestobject，它可以提供不重新加载页面的情况下更新网页，在页面加载后在客户端向服务器请求数据，在页面加载后在服务器端接受数据，在后台向客户端发送数据。XMLHttpRequest对象提供了对HTTP协议的完全的访问，包括做出POST和HEAD请求以及普通的GET请求的能力。formname=inputaction=html_form_action.aspmethod=getUsername:inputtype=textname=user/inputtype=submitvalue=Submit//formvarXMLHttp=newXMLHttpRequest();xmlhttp.onreadystatechange=function(){if(xmlhttp.readyState==4&&xmlhttp.status==200){document.getElementById(myDiv).innerHTML=xmlhttp.responseText;}}xmlhttp.open(GET,/ajax/demo_get2.asp?fname=Bill&lname=Gates,true);xmlhttp.send();CE-HTML具体包括哪些东西？5.DOMlevel2.0文件对象模型（DocumentObjectModel，简称DOM），是W3C组织推荐的处理可扩展置标语言的标准编程接口,可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。CE-HTML标准中规定包含DOM。htmlheadtitle文档标题/title/headbodyh1id=“mytitle”我的标题/h1ahref=“”我的链接/a/body/htmlJavascript代码：varx=document.getElementById(‘mytitle');x.style.color=blue“;x.parentNode.removeChild(x);………CE-HTML具体