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 autocomplete attribute;
  • 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 !important keyword;
    • Full transparent value;
    • Attribute selectors;
    • Child selector;
    • Full :hover pseudo-class selector;
    • :first-child pseudo-class selector;
    • Proper overflow property;
    • min-width, max-width, min-height, max-height properties;
  • 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:
    • window and document objects;
    • createElement(), getElementById(), getElementsByTagName(), item(), createTextNode(), setAttribute(), getAttribute, appendChild(), insertBefore(), replaceChild(), removeChild(), removeAttribute() methods;
    • firstChild, lastChild, previousSibling, nextSibling, parentNode, nodeName, nodeValue, nodeType, innerHTML properties;
  • General Event Object Model;
  • The style object.

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;
    • content property (with counters);
    • Full List Types;
    • CSS Tables;
    • :lang() selector;
  • CSS3 Begins With (^=), Ends With ($=) and Contains Substring (*=) Attribute Selectors;
  • Some form of CSS3 box-sizing property;
  • 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 opacity property;
  • CSS3 text-shadow property;
  • Some form of CSS3 box-shadow property;
  • Some form of CSS3 border-radius;
  • CSS3 Structural pseudo-class selectors (like :nth-child, :not, :empty, :first-of-type, etc);
  • CSS3 :enabled, :disabled and :checked UI state pseudo-class selectors;
  • CSS3 :target selector;
  • 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, textContent properties;
  • Some DOM 2 Events including
    • addEventListener() and removeEventListener() methods;
    • target, type Event properties;
    • screenX, screenY, clientX, clientY, button Pointer (Mouse) Event properties;
  • Element Traversal API and the children property;
  • Web Storage's sessionStorage;
  • Persistent Structured Data Storage: (such as any of these:
    • Web Storage's localStorage;
    • Web IndexedDB Storage;
    • Web SQL Database Storage;
    ).

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, details and summary elements;
  • HTML / XHTML 5 Forms extra input types 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-face At Rule with comma-separated src values, local() and format() 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, applicationCache API and Events, manifest attribute, manifest format, navigator.onLine property, 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.