Web Browsers And Packages
Release: 2010-07-13
Jump to Web Standards Articles TOC
The Web Content Object Model (WCOM)
A baseline and level of practical content support of webpages, websites and web applications for Internet-enabled UserAgents such as web browsers.
Core Level:
- HTTP and HTTPS 1.1;
- UTF-8 Character Set;
- Low Level Storage: Cookies;
- HTML 5 'Subset' for UserAgents including HTML 5 Forms's
autocompleteattribute; - XML 1.0 and Namespaces for XML 1.0 (DTDs are not required);
- GIF, JPEG Images;
- PNG Images with native Alpha Transparency support;
- Some Visual, Interactive and Paged CSS 2.1 including:
rgb(),url()functions;- Proper
!importantkeyword; - Full
transparentvalue; - Attribute selectors;
- Child selector;
- Full
:hoverpseudo-class selector; :first-childpseudo-class selector;- Proper
overflowproperty; min-width,max-width,min-height,max-heightproperties;
- ECMAScript Edition 3 with JavaScript 1.4 or higher or similar;
- Some DOM 1 Core, general DOM 1 HTML and some DOM 5 HTML including:
windowanddocumentobjects;createElement(),getElementById(),getElementsByTagName(),item(),createTextNode(),setAttribute(),getAttribute,appendChild(),insertBefore(),replaceChild(),removeChild(),removeAttribute()methods;firstChild,lastChild,previousSibling,nextSibling,parentNode,nodeName,nodeValue,nodeType,innerHTMLproperties;
- General Event Object Model;
- The
styleobject.
Such as:
- Microsoft Trident 3 and higher based
- (Internet Explorer 7 and higher, WebbIE/AOL/BT that use Internet Explorer 7 and higher);
- Microsoft Trident (Mobile) 3.1 and higher based
- (Internet Explorer Mobile 7);
- Mozilla 1.7 and higher based
- (Mozilla Firefox, Ephiphany (Mozilla Edition), K-Meleon, Camino);
- Apple Webkit 419 and higher based
- (Safari 2 and higher, Omniweb 5.5 and higher, iCab 4 and higher, Shiira 2.2, Epiphany (WebKit Edition), Midori);
- Chromium based
- (Google Chrome, SRWare Iron);
- Presto 1 and higher based
- (Opera 7 and higher);
- KHTML 3.3.2 and higher based
- (Konqueror 3.3.2 and higher).
Layout Level:
- Builds on the Core Level;
- Most of Visual and Interactive CSS 2.1 including:
attr()function;contentproperty (with counters);- Full List Types;
- CSS Tables;
:lang()selector;
- CSS3 Begins With (
^=), Ends With ($=) and Contains Substring (*=) Attribute Selectors; - Some form of CSS3
box-sizingproperty; data:protocol.
Such as:
- Microsoft Trident 4 and higher Standards Mode based
- (Internet Explorer 8 and higher Standards Mode, The World Browser IE8 Render Mode);
- Mozilla 1.8 and higher based
- (Mozilla Firefox 1.5 and higher, Flock 2.6 and under, SeaMonkey, Ephiphany (Mozilla Edition), K-Meleon, Camino);
- Apple WebKit 525 and higher based
- (Safari 3.1 and higher, iCab 4.2 and higher, OmniWeb 5.8 and higher, Epiphany (WebKit Edition), Midori);
- Chromium based
- (Google Chrome, SRWare Iron);
- Presto 2 Second Edition (SE) and higher based
- (Opera 9.2 and higher);
- Presto (Mobile) 2.4 and higher based
- (Opera Mobile 10 and higher, Opera Mini 5 and higher);
- KHTML 3.4 and higher based
- (Konqueror 3.4 and higher).
Crystal Level:
- Builds on the Layout Level;
- XHTML 5 'Subset' for UserAgents;
- CSS3 Namespaces Module;
- CSS3
rgba(),hsl(),hsla()functions; - CSS3
opacityproperty; - CSS3
text-shadowproperty; - Some form of CSS3
box-shadowproperty; - Some form of CSS3
border-radius; - CSS3 Structural pseudo-class selectors (like
:nth-child,:not,:empty,:first-of-type, etc); - CSS3
:enabled,:disabledand:checkedUI state pseudo-class selectors; - CSS3
:targetselector; - Most of CSS3 Media Queries;
- Selectors API level 1 (Application Programming Interface);
- Some built-in Scalable Vector Graphics (SVG), including:
- Groups, Titles, Descriptions, metadata, defs and use;
- Stroke and fill;
- Basic shapes (Rectangles, Rounded Corner Rectangles, Lines, Circles, Ellipses, Polylines and Polygons);
- Paths;
- Opacity;
- Text;
- Hyperlinkg;
- Clipping, Masks, Markers and Patterns;
- Linear and radial gradients;
- Translations, skews, rotation and scale;
- Bring in raster images;
- Conditional switch;
- ARIA 1.0 (Accessible Rich Internet Applications);
- HTML / XHTML 5 Native Media with at least any of these:
- OGG Vorbis audio and Theora video support,
- WebM (OGG Vorbis audio and VP8 video) support,
- AAC / M4A audio and H.264 / MPEG4 AVC video support;
- Some DOM 2 and 3 Core, general DOM 2 HTML and some more DOM 5 HTML including:
createElementNS(),getElementsByTagNameNS(),setAttributeNS(),getAttributeNS,removeAttributeNS()methods;localName,namespaceURI,prefix,textContentproperties;
- Some DOM 2 Events including
addEventListener()andremoveEventListener()methods;target,typeEvent properties;screenX,screenY,clientX,clientY,buttonPointer (Mouse) Event properties;
- Element Traversal API and the
childrenproperty; - Web Storage's
sessionStorage; - Persistent Structured Data Storage: (such as any of these:
- Web Storage's
localStorage; - Web IndexedDB Storage;
- Web SQL Database Storage;
- Web Storage's
Such as:
- Mozilla 1.9.1 and higher based
- (Mozilla Firefox 3.5 and higher, SeaMonkey 2 and higher);
- Mozilla (Mobile) 1.9.2 and higher based
- (Mozilla Firefox for Mobile 1.0 and higher);
- Apple WebKit 531 based
- (Apple Safari 4 and higher, iCab 4.6 and higher, OmniWeb 5.10 and higher);
- Apple WebKit (Mobile) iPhone OS 3 and higher based
- (Apple Safari Mobile 3 and higher);
- Chromium 5 and higher based
- (Google Chrome 5 and higher, SRWare Iron 5 and higher);
- Presto 2.5 and higher based
- (Opera 10.5 and higher).
Metamorphic Level:
- Builds on the Crystal Level;
- HTML / XHTML 5
section,article,aside,nav,hgroup,header,footer,mark,time,progress,meter,figure,figcaption,detailsandsummaryelements; - HTML / XHTML 5 Forms extra
inputtypes and form validation support; - HTML / XHTML 5 sandboxed iframes;
- HTML / XHTML 5 seamless iframes;
- CSS3 Multiple Background Images;
- Some form of CSS3 Multiple Column Layout;
- Some form of CSS3 Image Values: Gradients;
-
@font-faceAt Rule with comma-separatedsrcvalues,local()andformat()functions and supporting any of theses font formats:- Web Open Font Format (preferred),
- Raw TrueType and OpenType,
- SVG Fonts;
- Some form of CSS3 Transitions;
- Some form of CSS3 2D Transforms;
- SVG seamlessly inline in HTML;
- XHTML seamlessly inline in SVG;
- SVG
foreignObject; - SVG declarative animation;
- SVG Fonts;
- SVG text on a path;
- SVG Views;
- SVG Filters;
- HTML / XHTML 5 Offline Web Applications support (AppCache,
applicationCacheAPI and Events,manifestattribute, manifest format,navigator.onLineproperty, online and offline body events); - Drag and Drop API;
Such as: none yet.
Copyright ©2005-2010 Legend Scrolls and Peter Davison. Konqueror logo from the Oxygen Icon Theme, LGPL, and PNG version of the Konqueror logo in the Oxygen Icon Theme from kde-look.org, GPL. All rights reserved.