XFrames

XFrames is an XML format for combining and organizing web based documents together on a single webpage through the use of frames. Similarly to HTML Frames, XFrames can be made useful through its power to create a content frame that is scrollable while other frames - such as sidebar menus, the header and footer remain in place on the page. XFrames will be particularly useful to web developers who will be able to modify a single document and have that modification appear on all pages that contain the document within a frame.

The main advantage of this next generation of frames is that it overcomes several of the major usability problems existing in the traditional framing system.

Although still in the working draft stages, XFrames will be replacing traditional HTML Frames.

Differences from HTML Frames

Traditional HTML frames that were introduced with HTML 4.0 were useful for their ability to combine several distinct Web pages into a single webpage view. However, several problems arose from the implementation and as such, frames have been removed from the W3C XHTML 1.1 standard. XFrames will likely address some of the following problems existent in HTML frames:

  • a Web browser's back button failing to work intuitively
  • the failure to bookmark or favorite specific documents on the Web page easily as well as the inability to send an individual a reference to a specific document or collection
  • getting trapped in a frameset
  • the production of different results at times when a Web page containing frames is reloaded
  • the "Page Up" and "Page Down" keys being difficult to use due to the pointer focus being on another frame within the page
  • security vulnerabilities caused by the fact that a user has no way of knowing the original source of each framed document
  • Since frames are not supported by all agents, and the necessary content is not popularly implemented, agents that do not support frames (such as search engines) fail to render pages correctly and at the same time prevent any <a href="/articles/eng/Search_engine_optimization" id="whe_lnki_3" title="Search engine optimization">search engine optimization</a>. </li> </ul> <p> XFrames overcomes the bookmarking problem by encoding the <i>population</i> of the frames into the URI, thus making it possible to bookmark/add a favorite of a page successfully. </p> <h2> <span class='mw-headline' id='XFrames_Implementation'>XFrames Implementation</span> </h2> <p> Similar to other <a href="/articles/eng/Markup_languages" id="whe_lnki_4" title="Markup languages">markup languages</a>, XFrames will support a number of elements and respective attributes. The following is a simple demonstration for the proposed implementation of a frames webpage: </p> <pre> <frames xmlns="http://www.w3.org/2002/06/xframes/"> <head> <title>Home Page</title> <style type="text/css"> #header {height: 150px; } #footer {height: 50px; } #nav {width: 15%; } </style> </head> <group compose="vertical"> <frame xml:id="header" source="banner.xhtml"/> <group compose="horizontal"> <frame xml:id="main" source="news.xhtml"/> <frame xml:id="nav" source="nav-menu.xhtml"/> </group> <group compose="vertical"> <frame xml:id="footer" source="disclaimer.xhtml"/> </group> </group> </frames> </pre> <p> The <frames> element acts as the containing element of the collection of frames. This collection is what is being referred to as the 'frameset' of a webpage. Similarly to <a href="/articles/eng/XHTML" id="whe_lnki_5" title="XHTML">XHTML</a> and <a href="/articles/eng/HTML" id="whe_lnki_6" title="HTML">HTML</a> markups, the <head> elements contain meta-data primarily used for search optimization and document description. The contained <style> element is used to include any content and layout styling - <a href="/articles/eng/CSS" id="whe_lnki_7" title="CSS">CSS</a> is being used here. <group> groups a single or several frame elements together and can be styled accordingly. If no group style is specified, the <i>compose</i> attribute should be used to specify how the grouped frame elements are to be composed. Lastly, the <frame> element acts as the placeholder for the content of a webpage specified by <a href="/articles/eng/URL" id="whe_lnki_8" title="URL">URL</a> through the <i>source</i> attribute. </p> <h2> <span class='mw-headline' id='Status_of_XFrames'>Status of XFrames</span> </h2> <p> The <a href="/articles/eng/W3C" id="whe_lnki_9" title="W3C">W3C</a> released a second Working Draft on October 12, 2005 that further explains the proposed implementation of XFrames. As of today, XFrames still remains a W3C Working Draft with no clear indication on if and when it will become a <a href="/articles/eng/W3C_Recommendation" id="whe_lnki_10" title="W3C Recommendation">W3C Recommendation</a>. </p> <h2> <span class='mw-headline' id='See_also'>See also</span> </h2> <ul> <li> <a href="/articles/eng/XML" id="whe_lnki_11" title="XML">XML</a> </li> <li> <a href="/articles/eng/XHTML" id="whe_lnki_12" title="XHTML">XHTML</a> </li> <li> <a href="/articles/eng/Framing_(World_Wide_Web)" id="whe_lnki_13" title="Framing (World Wide Web)">Framing (World Wide Web)</a> </li> <li> <a href="/articles/eng/HTML_element#Frames" id="whe_lnki_14" title="HTML element">HTML element#Frames</a> </li> <li> <a href="/articles/eng/IFrame" id="whe_lnki_15" title="IFrame">IFrame</a> </li> </ul> <h2> <span class='mw-headline' id='References'>References</span> </h2> <ul> <li> W3C Working Draft </li> </ul> <h2> <span class='mw-headline' id='External_links'>External links</span> </h2> <ul> <li> XFrames Resources at W3C <ul> <li> The XHTML2 Working Group </li> <li> XFrames was a W3C Working Draft on 6 August 2002 </li> </ul> </li> </ul> <table class="navbox" style="border-spacing:0;"> <tr> <td style="padding:2px;"> <table class="nowraplinks collapsible autocollapse navbox-inner" style="border-spacing:0;background:transparent;color:inherit;"> <tr> <th scope="col" class="navbox-title" colspan="2"> <div style="font-size:110%;"> <a href="/articles/eng/World_Wide_Web_Consortium" id="whe_lnki_18" title="World Wide Web Consortium">World Wide Web Consortium (W3C)</a> </div> </th> </tr> <tr style="height:2px;"> <td colspan="2"> </td> </tr> <tr> <th scope="row" class="navbox-group"> Products and<br> standards </th> <td class="navbox-list navbox-odd hlist" style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px;"> <div style="padding:0em 0.25em;"> </div> <table class="nowraplinks navbox-subgroup" style="border-spacing:0;"> <tr> <th scope="row" class="navbox-group"> <a href="/articles/eng/World_Wide_Web_Consortium#Specification_Maturation" id="whe_lnki_19" title="World Wide Web Consortium">Recommendations</a> </th> <td class="navbox-list navbox-odd" style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px;"> <div style="padding:0em 0.25em;"> <ul> <li> <a href="/articles/eng/WAI-ARIA" id="whe_lnki_20" title="WAI-ARIA">ARIA</a> </li> <li> <a href="/articles/eng/Canonical_XML" id="whe_lnki_21" title="Canonical XML">Canonical XML</a> </li> <li> <a href="/articles/eng/Compound_Document_Format" id="whe_lnki_22" title="Compound Document Format">CDF</a> </li> <li> <a href="/articles/eng/Cascading_Style_Sheets" id="whe_lnki_23" title="Cascading Style Sheets">CSS</a> </li> <li> <a href="/articles/eng/Document_Object_Model" id="whe_lnki_24" title="Document Object Model">DOM</a> </li> <li> <a href="/articles/eng/W3C_Geolocation_API" id="whe_lnki_25" title="W3C Geolocation API">Geolocation API</a> </li> <li> <a href="/articles/eng/HTML" id="whe_lnki_26" title="HTML">HTML</a> (<a href="/articles/eng/HTML5" id="whe_lnki_27" title="HTML5">HTML5</a>) </li> <li> <a href="/articles/eng/Internationalization_Tag_Set" id="whe_lnki_28" title="Internationalization Tag Set">ITS</a> </li> <li> <a href="/articles/eng/MathML" id="whe_lnki_29" title="MathML">MathML</a> </li> <li> <a href="/articles/eng/Web_Ontology_Language" id="whe_lnki_30" title="Web Ontology Language">OWL</a> </li> <li> <a href="/articles/eng/P3P" id="whe_lnki_31" title="P3P">P3P</a> </li> <li> <a href="/articles/eng/Pronunciation_Lexicon_Specification" id="whe_lnki_32" title="Pronunciation Lexicon Specification">PLS</a> </li> <li> <a href="/articles/eng/Resource_Description_Framework" id="whe_lnki_33" title="Resource Description Framework">RDF</a> </li> <li> <a href="/articles/eng/RDF_Schema" id="whe_lnki_34" title="RDF Schema">RDF Schema</a> </li> <li> <a href="/articles/eng/Semantic_Interpretation_for_Speech_Recognition" id="whe_lnki_35" title="Semantic Interpretation for Speech Recognition">SISR</a> </li> <li> <a href="/anization System">SKOS</a> </li> <li> <a href="/articles/eng/Synchronized_Multimedia_Integration_Language" id="whe_lnki_37" title="Synchronized Multimedia Integration Language">SMIL</a> </li> <li> <a href="/articles/eng/SOAP" id="whe_lnki_38" title="SOAP">SOAP</a> </li> <li> <a href="/articles/eng/Speech_Recognition_Grammar_Specification" id="whe_lnki_39" title="Speech Recognition Grammar Specification">SRGS</a> </li> <li> <a href="/articles/eng/Speech_Synthesis_Markup_Language" id="whe_lnki_40" title="Speech Synthesis Markup Language">SSML</a> </li> <li> <a href="/articles/eng/Scalable_Vector_Graphics" id="whe_lnki_41" title="Scalable Vector Graphics">SVG</a> </li> <li> <a href="/articles/eng/SPARQL" id="whe_lnki_42" title="SPARQL">SPARQL</a> </li> <li> <a href="/articles/eng/Timed_text" id="whe_lnki_43" title="Timed text">Timed text</a> </li> <li> <a href="/articles/eng/VoiceXML" id="whe_lnki_44" title="VoiceXML">VoiceXML</a> </li> <li> <a href="/articles/eng/Web_storage" id="whe_lnki_45" title="Web storage">Web storage</a> </li> <li> <a href="/articles/eng/Web_Services_Description_Language" id="whe_lnki_46" title="Web Services Description Language">WSDL</a> </li> <li> <a href="/articles/eng/XForms" id="whe_lnki_47" title="XForms">XForms</a> </li> <li> <a href="/articles/eng/XHTML" id="whe_lnki_48" title="XHTML">XHTML</a> </li> <li> <a href="/articles/eng/XHTML%2BRDFa" id="whe_lnki_49" title="XHTML+RDFa">XHTML+RDFa</a> </li> <li> <a href="/articles/eng/XInclude" id="whe_lnki_50" title="XInclude">XInclude</a> </li> <li> <a href="/articles/eng/XLink" id="whe_lnki_51" title="XLink">XLink</a> </li> <li> <a href="/articles/eng/XML" id="whe_lnki_52" title="XML">XML</a> </li> <li> <a href="/articles/eng/XML_Base" id="whe_lnki_53" title="XML Base">XML Base</a> </li> <li> <a href="/articles/eng/XML_Encryption" id="whe_lnki_54" title="XML Encryption">XML Encryption</a> </li> <li> <a href="/articles/eng/XML_Events" id="whe_lnki_55" title="XML Events">XML Events</a> </li> <li> <a href="/articles/eng/XML_Information_Set" id="whe_lnki_56" title="XML Information Set">XML Information Set</a> </li> <li> <a href="/articles/eng/XML_namespace" id="whe_lnki_57" title="XML namespace">XML namespace</a> </li> <li> <a href="/articles/eng/XML_Schema_(W3C)" id="whe_lnki_58" title="XML Schema (W3C)">XML Schema</a> </li> <li> <a href="/articles/eng/XML_Signature" id="whe_lnki_59" title="XML Signature">XML Signature</a> </li> <li> <a href="/articles/eng/XML-binary_Optimized_Packaging" id="whe_lnki_60" title="XML-binary Optimized Packaging">XOP</a> </li> <li> <a href="/articles/eng/XPath" id="whe_lnki_61" title="XPath">XPath</a> </li> <li> <a href="/articles/eng/XPath_2.0" id="whe_lnki_62" title="XPath 2.0">XPath 2.0</a> </li> <li> <a href="/articles/eng/XPointer" id="whe_lnki_63" title="XPointer">XPointer</a> </li> <li> <a href="/articles/eng/XProc" id="whe_lnki_64" title="XProc">XProc</a> </li> <li> <a href="/articles/eng/XQuery" id="whe_lnki_65" title="XQuery">XQuery</a> </li> <li> <a href="/articles/eng/XSL" id="whe_lnki_66" title="XSL">XSL</a> </li> <li> <a href="/articles/eng/XSL_Formatting_Objects" id="whe_lnki_67" title="XSL Formatting Objects">XSL-FO</a> </li> <li> <a href="/articles/eng/XSLT" id="whe_lnki_68" title="XSLT">XSLT</a> (<a href="/articles/eng/XSLT_elements" id="whe_lnki_69" title="XSLT elements">elements</a>) </li> </ul> </div> </td> </tr> <tr style="height:2px;"> <td colspan="2"> </td> </tr> <tr> <th scope="row" class="navbox-group"> Notes </th> <td class="navbox-list navbox-even" style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px;"> <div style="padding:0em 0.25em;"> <ul> <li> <a href="/articles/eng/XAdES" id="whe_lnki_70" title="XAdES">XAdES</a> </li> <li> <a href="/articles/eng/XHTML%2BSMIL" id="whe_lnki_71" title="XHTML+SMIL">XHTML+SMIL</a> </li> <li> <a href="/articles/eng/Extensible_User_Interface_Protocol" id="whe_lnki_72" title="Extensible User Interface Protocol">XUP</a> </li> </ul> </div> </td> </tr> <tr style="height:2px;"> <td colspan="2"> </td> </tr> <tr> <th scope="row" class="navbox-group"> Working drafts </th> <td class="navbox-list navbox-odd" style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px;"> <div style="padding:0em 0.25em;"> <ul> <li> <a href="/articles/eng/Call_Control_eXtensible_Markup_Language" id="whe_lnki_73" title="Call Control eXtensible Markup Language">CCXML</a> </li> <li> <a href="/articles/eng/CURIE" id="whe_lnki_74" title="CURIE">CURIE</a> </li> <li> <a href="/articles/eng/Encrypted_Media_Extensions" id="whe_lnki_75" title="Encrypted Media Extensions">EME</a> </li> <li> <a href="/articles/eng/InkML" id="whe_lnki_76" title="InkML">InkML</a> </li> <li> <a href="/articles/eng/JSON-LD" id="whe_lnki_77" title="JSON-LD">JSON-LD</a> </li> <li> <a href="/articles/eng/Media_Source_Extensions" id="whe_lnki_78" title="Media Source Extensions">MSE</a> </li> <li> <a href="/articles/eng/Rule_Interchange_Format" id="whe_lnki_79" title="Rule Interchange Format">RIF</a> </li> <li> <a href="/articles/eng/SCXML" id="whe_lnki_80" title="SCXML">SCXML</a> </li> <li> <a href="/articles/eng/SMIL_Timesheets" id="whe_lnki_81" title="SMIL Timesheets">SMIL Timesheets</a> </li> <li> <a href="/articles/eng/SXBL" id="whe_lnki_82" title="SXBL">sXBL</a> </li> <li> <a href="/articles/eng/Web_Integration_Compound_Document" id="whe_lnki_83" title="Web Integration Compound Document">WICD</a> </li> <li> <a href="/articles/eng/Extensible_Forms_Description_Language" id="whe_lnki_84" title="Extensible Forms Description Language">XFDL</a> </li> <li> <b>XFrames</b> </li> <li> <a href="/articles/eng/XBL" id="whe_lnki_86" title="XBL">XBL</a> </li> <li> <a href="/articles/eng/XMLHttpRequest" id="whe_lnki_87" title="XMLHttpRequest">XMLHttpRequest</a> </li> </ul> </div> </td> </tr> <tr style="height:2px;"> <td colspan="2"> </td> </tr> <tr> <th scope="row" class="navbox-group"> Guidelines </th> <td class="navbox-list navbox-even" style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px;"> <div style="padding:0em 0.25em;"> <ul> <li> <a href="/articles/eng/Web_Content_Accessibility_Guidelines" id="whe_lnki_88" title="Web Content Accessibility Guidelines">Web Content Accessibility Guidelines</a> </li> </ul> </div> </td> </tr> <tr style="height:2px;"> <td colspan="2"> </td> </tr> <tr> <th scope="row" class="navbox-group"> Initiative </th> <td class="navbox-list navbox-odd" style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px;"> <div style="padding:0em 0.25em;"> <ul> <li> <a href="/articles/eng/W3C_MMI" id="whe_lnki_89" title="W3C MMI">Multimodal Interaction Activity (MMI)</a> </li> <li> <a href="/articles/eng/W3C_Markup_Validation_Service" id="whe_lnki_90" title="W3C Markup Validation Service">Markup Validation Service</a> </li> <li> <a href="/articles/eng/Web_Accessibility_Initiative" id="whe_lnki_91" title="Web Accessibility Initiative">Web Accessibility Initiative</a> </li> <li> <a href="/articles/eng/WebPlatform" id="whe_lnki_92" title="WebPlatform">WebPlatform</a> </li> </ul> </div> </td> </tr> <tr style="height:2px;"> <td colspan="2"> </td> </tr> <tr> <th scope="row" class="navbox-group"> Deprecated </th> <td class="navbox-list navbox-even" style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px;"> <div style="padding:0em 0.25em;"> <ul> <li> <a href="/articles/eng/C-HTML" id="whe_lnki_93" title="C-HTML">C-HTML</a> </li> <li> <a href="/articles/eng/Handheld_Device_Markup_Language" id="whe_lnki_94" title="Handheld Device Markup Language">HDML</a> </li> <li> <a href="/articles/eng/JavaScript_Style_Sheets" id="whe_lnki_95" title="JavaScript Style Sheets">JSSS</a> </li> <li> <a href="/articles/eng/Precision_Graphics_Markup_Language" id="whe_lnki_96" title="Precision Graphics Markup Language">PGML</a> </li> <li> <a href="/articles/eng/Vector_Markup_Language" id="whe_lnki_97" title="Vector Markup Language">VML</a> </li> <li> <a href="/articles/eng/XHTML%2BMathML%2BSVG" id="whe_lnki_98" title="XHTML+MathML+SVG">XHTML+MathML+SVG</a> </li> </ul> </div> </td> </tr> </table> </td> </tr> <tr style="height:2px;"> <td colspan="2"> </td> </tr> <tr> <th scope="row" class="navbox-group"> Organizations </th> <td class="navbox-list navbox-even hlist" style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px;"> <div style="padding:0em 0.25em;"> </div> <table class="nowraplinks navbox-subgroup" style="border-spacing:0;"> <tr> <td colspan="2" class="navbox-list navbox-odd" style="width:100%;padding:0px;"> <div style="padding:0em 0.25em;"> <ul> <li> <a href="/articles/eng/World_Wide_Web_Foundation" id="whe_lnki_99" title="World Wide Web Foundation">World Wide Web Foundation</a> </li> </ul> </div> </td> </tr> <tr style="height:2px;"> <td colspan="2"> </td> </tr> <tr> <th scope="row" class="navbox-group"> Working groups </th> <td class="navbox-list navbox-even" style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px;"> <div style="padding:0em 0.25em;"> <ul> <li> <a href="/articles/eng/SVG_Working_Group" id="whe_lnki_100" title="SVG Working Group">SVG</a> </li> <li> <a href="/articles/eng/CSS_Working_Group" id="whe_lnki_101" title="CSS Working Group">CSS</a> </li> <li> <a href="/articles/eng/HTML_Working_Group" id="whe_lnki_102" title="HTML Working Group">HTML</a> </li> <li> <a href="/articles/eng/WebOnt" id="whe_lnki_103" title="WebOnt">WebOnt (Semantic Web Activity)</a> </li> <li> <a href="/articles/eng/W3C_Device_Description_Working_Group" id="whe_lnki_104" title="W3C Device Description Working Group">Device Description (DDWG)</a> </li> <li> <a href="/articles/eng/WHATWG" id="whe_lnki_105" title="WHATWG">Web Hypertext Application Technology (WHATWG)</a> </li> </ul> </div> </td> </tr> </table> </td> </tr> <tr style="height:2px;"> <td colspan="2"> </td> </tr> <tr> <th scope="row" class="navbox-group"> Software </th> <td class="navbox-list navbox-odd hlist" style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px;"> <div style="padding:0em 0.25em;"> </div> <table class="nowraplinks navbox-subgroup" style="border-spacing:0;"> <tr> <td colspan="2" class="navbox-list navbox-odd" style="width:100%;padding:0px;"> <div style="padding:0em 0.25em;"> <ul> <li> <a href="/articles/eng/CERN_httpd" id="whe_lnki_106" title="CERN httpd">CERN httpd</a> </li> <li> <a href="/articles/eng/Libwww" id="whe_lnki_107" title="Libwww">Libwww</a> </li> </ul> </div> </td> </tr> <tr style="height:2px;"> <td colspan="2"> </td> </tr> <tr> <th scope="row" class="navbox-group"> <a href="/articles/eng/Web_browser" id="whe_lnki_108" title="Web browser">Browsers</a> </th> <td class="navbox-list navbox-even" style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px;"> <div style="padding:0em 0.25em;"> <ul> <li> <a href="/articles/eng/Line_Mode_Browser" id="whe_lnki_109" title="Line Mode Browser">Line Mode <span style="font-size:90%;">(1990–)</span></a> </li> <li> <a href="/articles/eng/Arena_(web_browser)" id="whe_lnki_110" title="Arena (web browser)">Arena <span style="font-size:90%;">(1993–98)</span></a> </li> <li> <a href="/articles/eng/Agora_(web_browser)" id="whe_lnki_111" title="Agora (web browser)">Agora <span style="font-size:90%;">(1994–97)</span></a> </li> <li> <a href="/articles/eng/Argo_(web_browser)" id="whe_lnki_112" title="Argo (web browser)">Argo <span style="font-size:90%;">(1994–97)</span></a> </li> <li> <a href="/articles/eng/Amaya_(web_editor)" id="whe_lnki_113" title="Amaya (web editor)">Amaya <span style="font-size:90%;">(browser/editor, 1996–2012)</span></a> </li> </ul> </div> </td> </tr> </table> </td> </tr> <tr style="height:2px;"> <td colspan="2"> </td> </tr> <tr> <th scope="row" class="navbox-group"> Conferences </th> <td class="navbox-list navbox-odd hlist" style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px;"> <div style="padding:0em 0.25em;"> <ul> <li> <a href="/articles/eng/International_World_Wide_Web_Conference" id="whe_lnki_114" title="International World Wide Web Conference">International World Wide Web Conference (IW3C)</a> <ul> <li> <a href="/articles/eng/International_World_Wide_Web_Conferences_Steering_Committee" id="whe_lnki_115" title="International World Wide Web Conferences Steering Committee">Steering Committee (IW3C2)</a> </li> <li> <a href="/articles/eng/First_International_Conference_on_the_World-Wide_Web" id="whe_lnki_116" title="First International Conference on the World-Wide Web">First conference ("WWW1", 1994)</a> </li> </ul> </li> </ul> </div> </td> </tr> </table> </td> </tr> </table> <div id="catlinks" class="catlinks"> <div id="mw-normal-catlinks" class="mw-normal-catlinks"> Categories <ul> <li> <a href="/articles/eng/Category:WorldHeritage_articles_in_need_of_updating_from_October_2013" class="internal" title="WorldHeritage articles in need of updating from October 2013">WorldHeritage articles in need of updating from October 2013</a> </li> <li> <a href="/articles/eng/Category:All_WorldHeritage_articles_in_need_of_updating" class="internal" title="All WorldHeritage articles in need of updating">All WorldHeritage articles in need of updating</a> </li> <li> <a href="/articles/eng/Category:World_Wide_Web_Consortium_standards" class="internal" title="World Wide Web Consortium standards">World Wide Web Consortium standards</a> </li> <li> <a href="/articles/eng/Category:XML-based_standards" class="internal" title="XML-based standards">XML-based standards</a> </li> <li> <a href="/articles/eng/Category:User_interface_markup_languages" class="internal" title="User interface markup languages">User interface markup languages</a> </li> </ul> </div> </div> <div style='width: 100%; margin-top: 25px;'> <div class='citationalSource' style='text-align: center; float: right;padding-bottom: 10px;'></div> </div> <div class='citationalSource' style='width: 100%; margin-top: 75px;'> <div style='text-align: center; float: right;'> This article was sourced from Creative Commons Attribution-ShareAlike License; additional terms may apply. World Heritage Encyclopedia content is assembled from numerous content providers, Open Access Publishing, and in compliance with The Fair Access to Science and Technology Research Act (FASTR), Wikimedia Foundation, Inc., Public Library of Science, The Encyclopedia of Life, Open Book Publishers (OBP), PubMed, U.S. National Library of Medicine, National Center for Biotechnology Information, U.S. National Library of Medicine, National Institutes of Health (NIH), U.S. Department of Health & Human Services, and USA.gov, which sources content from all federal, state, local, tribal, and territorial government publication portals (.gov, .mil, .edu). Funding for USA.gov and content contributors is made possible from the U.S. Congress, E-Government Act of 2002. </div> <div style='text-align: center; float: right;'> &nbsp; </div> <div style='text-align: center; float: right;'> Crowd sourced content that is contributed to World Heritage Encyclopedia is peer reviewed and edited by our editorial staff to ensure quality scholarly research articles. </div> <div style='text-align: center; float: right;'> &nbsp; </div> <div style='text-align: center; float: right;'> By using this site, you agree to the Terms of Use and Privacy Policy. World Heritage Encyclopedia&trade; is a registered trademark of the World Public Library Association, a non-profit organization. </div> <div style='text-align: center; float: right;'> &nbsp; </div> </div> </div> <!--/Blog Content --> </div> <!--/Post Content --> </div> <!--/Blog Posts Content --> </div> <!-- Sidebar --> <div id="sidebar"> <!-- Suggestion Widget --> <div class="widget widget_search masonry clearfix container" style='width: 85% !important; padding: 0; margin: auto;'> <div class='heading'><h2>Categories</h2></div><div class='masonry-content'><div class='blog-post masonry' style=''> <!-- Post Content --> <div class='post-content' style='overflow: hidden;'> <div class='post-slider'> <ul class='image-holder'> <li><center> </center></li> </ul> </div> <h3 class='blog-title'> <a href='/article/WHEBN0018984580/Xhtml' title='Xhtml' alt='Click to Read More' class='external'> Xhtml </a> </h3> <div class='blog-border'></div> <h5 class='blog-title'>Encyclopedia Article</h5> <div class='blog-content' style='color: #6a6a6a;'> <p> Html5, Html, World Wide Web Consortium, Internet Explorer, Xml </p> </div> <a href='/article/WHEBN0018984580/Xhtml' title='Xhtml' alt='Click to Read More' class='newave-button small grey external'>Read More</a> </div> <!--/Post Content --> </div><div class='blog-post masonry' style=''> <!-- Post Content --> <div class='post-content' style='overflow: hidden;'> <div class='post-slider'> <ul class='image-holder'> <li><center> </center></li> </ul> </div> <h3 class='blog-title'> <a href='/article/WHEBN0000034138/Xml' title='Xml' alt='Click to Read More' class='external'> Xml </a> </h3> <div class='blog-border'></div> <h5 class='blog-title'>Encyclopedia Article</h5> <div class='blog-content' style='color: #6a6a6a;'> <p> Unicode, Html, Internet, A, Html5 </p> </div> <a href='/article/WHEBN0000034138/Xml' title='Xml' alt='Click to Read More' class='newave-button small grey external'>Read More</a> </div> <!--/Post Content --> </div><div class='blog-post masonry' style=''> <!-- Post Content --> <div class='post-content' style='overflow: hidden;'> <div class='post-slider'> <ul class='image-holder'> <li><center> </center></li> </ul> </div> <h3 class='blog-title'> <a href='/article/WHEBN0000187946/Search engine optimization' title='Search engine optimization' alt='Click to Read More' class='external'> Search engine optimization </a> </h3> <div class='blog-border'></div> <h5 class='blog-title'>Encyclopedia Article</h5> <div class='blog-content' style='color: #6a6a6a;'> <p> Google, Web analytics, Spamdexing, Bing, Dmoz </p> </div> <a href='/article/WHEBN0000187946/Search engine optimization' title='Search engine optimization' alt='Click to Read More' class='newave-button small grey external'>Read More</a> </div> <!--/Post Content --> </div><div class='blog-post masonry' style=''> <!-- Post Content --> <div class='post-content' style='overflow: hidden;'> <div class='post-slider'> <ul class='image-holder'> <li><center> </center></li> </ul> </div> <h3 class='blog-title'> <a href='/article/WHEBN0007966125/Html5' title='Html5' alt='Click to Read More' class='external'> Html5 </a> </h3> <div class='blog-border'></div> <h5 class='blog-title'>Encyclopedia Article</h5> <div class='blog-content' style='color: #6a6a6a;'> <p> World Wide Web Consortium, JavaScript, Html, Cascading Style Sheets, Semantic web </p> </div> <a href='/article/WHEBN0007966125/Html5' title='Html5' alt='Click to Read More' class='newave-button small grey external'>Read More</a> </div> <!--/Post Content --> </div></div> </div> <div class="widget widget_search masonry clearfix container" style='width: 85% !important; padding: 0; margin: auto;'> <div class='heading'><h2>Suggestions</h2></div><div class='masonry-content'><div class='blog-post masonry' style=''> <!-- Post Content --> <div class='post-content' style='overflow: hidden;'> <div class='post-slider'> <ul class='image-holder'> <li><center> </center></li> </ul> </div> <h3 class='blog-title'> <a href='/article/WHEBN0018984580/Xhtml' title='Xhtml' alt='Click to Read More' class='external'> Xhtml </a> </h3> <div class='blog-border'></div> <h5 class='blog-title'>Encyclopedia Article</h5> <div class='blog-content' style='color: #6a6a6a;'> <p> Html5, Html, World Wide Web Consortium, Internet Explorer, Xml </p> </div> <a href='/article/WHEBN0018984580/Xhtml' title='Xhtml' alt='Click to Read More' class='newave-button small grey external'>Read More</a> </div> <!--/Post Content --> </div><div class='blog-post masonry' style=''> <!-- Post Content --> <div class='post-content' style='overflow: hidden;'> <div class='post-slider'> <ul class='image-holder'> <li><center> </center></li> </ul> </div> <h3 class='blog-title'> <a href='/article/WHEBN0024068038/SMIL Timesheets' title='SMIL Timesheets' alt='Click to Read More' class='external'> SMIL Timesheets </a> </h3> <div class='blog-border'></div> <h5 class='blog-title'>Encyclopedia Article</h5> <div class='blog-content' style='color: #6a6a6a;'> <p> Html5, Cascading Style Sheets, Html, Soap, Synchronized Multimedia Integration Language </p> </div> <a href='/article/WHEBN0024068038/SMIL Timesheets' title='SMIL Timesheets' alt='Click to Read More' class='newave-button small grey external'>Read More</a> </div> <!--/Post Content --> </div><div class='blog-post masonry' style=''> <!-- Post Content --> <div class='post-content' style='overflow: hidden;'> <div class='post-slider'> <ul class='image-holder'> <li><center> </center></li> </ul> </div> <h3 class='blog-title'> <a href='/article/WHEBN0011025494/Internationalization Tag Set' title='Internationalization Tag Set' alt='Click to Read More' class='external'> Internationalization Tag Set </a> </h3> <div class='blog-border'></div> <h5 class='blog-title'>Encyclopedia Article</h5> <div class='blog-content' style='color: #6a6a6a;'> <p> Xml, Html5, Cascading Style Sheets, Html, Soap </p> </div> <a href='/article/WHEBN0011025494/Internationalization Tag Set' title='Internationalization Tag Set' alt='Click to Read More' class='newave-button small grey external'>Read More</a> </div> <!--/Post Content --> </div><div class='blog-post masonry' style=''> <!-- Post Content --> <div class='post-content' style='overflow: hidden;'> <div class='post-slider'> <ul class='image-holder'> <li><center> </center></li> </ul> </div> <h3 class='blog-title'> <a href='/article/WHEBN0013481675/Natural Language Semantics Markup Language' title='Natural Language Semantics Markup Language' alt='Click to Read More' class='external'> Natural Language Semantics Markup Language </a> </h3> <div class='blog-border'></div> <h5 class='blog-title'>Encyclopedia Article</h5> <div class='blog-content' style='color: #6a6a6a;'> <p> Voice browser, W3c, VoiceXML, Srgs, Semantic Interpretation for Speech Recognition </p> </div> <a href='/article/WHEBN0013481675/Natural Language Semantics Markup Language' title='Natural Language Semantics Markup Language' alt='Click to Read More' class='newave-button small grey external'>Read More</a> </div> <!--/Post Content --> </div><div class='blog-post masonry' style=''> <!-- Post Content --> <div class='post-content' style='overflow: hidden;'> <div class='post-slider'> <ul class='image-holder'> <li><center> </center></li> </ul> </div> <h3 class='blog-title'> <a href='/article/WHEBN0043370574/Hypertext Application Language' title='Hypertext Application Language' alt='Click to Read More' class='external'> Hypertext Application Language </a> </h3> <div class='blog-border'></div> <h5 class='blog-title'>Encyclopedia Article</h5> <div class='blog-content' style='color: #6a6a6a;'> <p> Xml, Uri, Html5, Json, Mime </p> </div> <a href='/article/WHEBN0043370574/Hypertext Application Language' title='Hypertext Application Language' alt='Click to Read More' class='newave-button small grey external'>Read More</a> </div> <!--/Post Content --> </div></div> </div> <!--/Suggestion Widget --> <!-- BookSuggestion Widget --> <div class="widget widget_search masonry clearfix container" style='width: 85% !important; padding: 0; margin: auto;'> </div> <!--/BookSuggestion Widget --> </div> <!--/Sidebar --> </div> <!--/Container --> </div> <!--/Blog Content --> <span id="ctl00_CPH_bottomRow_lblDebug"></span> </div> </div> <div id="bottomAd" class="ScrollerDivWrapper"> </div> </div> </td> </tr> </table> </div> <div id="contentWrapping"> </div> </div> <!-- End ContentWrap --> </td> </tr> <tr id="mastFooterRow"> <td> <!-- Beginning of footer --> <table width="100%"> <tr> <td class="footerBarContainer" align="center"> <script> $(function () { $("#footerNav").menu({ position: { at: "left bottom" } }); $("#footerNav").show(); }); </script> <div class="headerBar"> <ul id="footerNav" style="display: none;"> <li> <a id="ctl00_siteFooter_RptHeaderNav_ctl00_linkMenu" href="/view/about-gutenberg.aspx">About Us</a> </li> <li> <a id="ctl00_siteFooter_RptHeaderNav_ctl01_linkMenu" href="/view/terms-gutenberg.aspx">Privacy Policy</a> </li> <li> <a id="ctl00_siteFooter_RptHeaderNav_ctl02_linkMenu" href="/View/contact-us.aspx">Contact Us</a> </li> </ul> </div> </td> </tr> </table> <div class="foot2" style="margin-top: 5px;"> <font size="1"> <br/><br/>Copyright &copy; <script>document.write(new Date().getFullYear())</script> World Library Foundation. All rights reserved. eBooks from Project Gutenberg are sponsored by the <a href='http://worldlibrary.org/'>World Library Foundation</a>, <br/> a 501c(4) Member's Support Non-Profit Organization, and is NOT affiliated with any governmental agency or department. </font> </div> <!-- end of footer --> </td> </tr> </table> <!-- End headerMenu --> </center> </form> <span id="ctl00_lblDebugText"></span> <script type="text/javascript"> function getScrollerDiv(element) { // Find carousel attached to button clicked var scroller = $(element).parent('div').children('.jcarousel'); return scroller; } function bindScrollers() { var isScroller = $('.jcarousel').length; if(isScroller > 0) { $('.jcarousel') .on('createend.jcarousel', function() { $(this).jcarousel('scroll', 8, false); }) .jcarousel({ wrap: 'circular' }); $('.jcarousel').jcarouselAutoscroll({ target: '+=0', interval: 1000, autostart: true }); $(".jcarousel").first().jcarouselAutoscroll({ target: '+=1', interval: 1800, autostart: true }); $('.jcarousel').mouseover(function(e) { $(this).jcarouselAutoscroll('stop'); }); } var isScrollerLeft = $('div.sliderLeft').length; if (isScrollerLeft > 0) { $('div.sliderLeft').click(function (e) { var carousel = getScrollerDiv(this); $(carousel).jcarouselAutoscroll('stop'); $(carousel).jcarousel('scroll', '-=2'); }); } var isScrollerRight = $('div.sliderRight').length; if (isScrollerRight > 0) { $('div.sliderRight').click(function (e) { var carousel = getScrollerDiv(this); $(carousel).jcarouselAutoscroll('stop'); $(carousel).jcarousel('scroll', '+=2'); }); } } $(function() { bindScrollers(); }); </script> <script type="text/javascript"> function imgError(image, id){ if (id.indexOf("WHEBN") > -1) { image.onerror = ""; image.src = "http://read.images.worldlibrary.org/article/cover/" + id; } else if (image.src.toLowerCase().indexOf(".gif") > -1) { image.src = image.src.toLowerCase().replace(".gif",".jpeg"); } else if (image.src.toLowerCase().indexOf(".jpeg") > -1) { image.onerror = ""; image.closest("li").remove() } return true; } </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-3313002-1']); _gaq.push(['_trackPageview']); (function () { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> </body> </html>