Web Browsers And Packages

Release: 2010-03-03
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;
  • 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;
  • General DOM 1 HTML and some DOM 5 HTML including
    • getElementById() method;
    • innerHTML property;
  • General Event Object Model;
  • The style object.

Such as: Microsoft Trident V (5) and higher based (Internet Explorer 7 and higher, WebbIE/AOL/BT that use Internet Explorer 7 and higher);
Mozilla 1.7 and higher based (Mozilla Firefox, Flock, SeaMonkey, 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, Arora);
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 VI (6) 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, 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, Epiphany (WebKit Edition), Midori, Arora);
Chromium based (Google Chrome, SRWare Iron);
Presto 1.2 and higher based (Opera 9 and higher);
KHTML 3.4 and higher based (Konqueror 3.4 and higher).

Crystal Level:

  • Builds on the Layout Level;
  • CSS3 hsl(), rgba(), hsla() functions;
  • CSS3 opacity property;
  • CSS3 text-shadow property;
  • Some form of CSS3 box-shadow property;
  • Some form of CSS3 border-radius;
  • Some form of CSS3 ::selection pseudo-element selector;
  • 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 (Application Programming Interface);
  • Some built-in Scalable Vector Graphics (SVG), including:
    • Groups, Titles, Descriptions, metadata, defs and use;
    • Stroke and fill colours;
    • 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 pixel images;
    • Conditional switch;
  • ARIA 1.0 (Accessible Rich Internet Applications);
  • HTML 5 Native Media with at least either:
    • OGG audio and video support,
    • AAC / M4A audio, MPEG4 video and H.264 / MPEG4 AVC video support;
  • Web Storage's sessionStorage;
  • Persistent Structured Data Storage: (such as any of these:
    • Web Storage's localStorage,
    • Web Database Storage.
    ).

Such as: Mozilla 1.9.1 and higher based (Mozilla Firefox 3.5 and higher, SeaMonkey 2 and higher);
Apple WebKit 531 based (Apple Safari 4 and higher, iCab 4.6 and higher, OmniWeb 5.10 and higher, Shiira 2.2);
Presto 2.5 and higher based (Opera 10.5).

Metamorphic Level:

  • Builds on the Crystal Level;
  • CSS3 Multiple Background Images;
  • Some form of CSS3 Multiple Column Layout;
  • Some form of CSS 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 / Animations;
  • Some form of CSS3 2D Transforms;
  • Some form of CSS3 3D Transforms;
  • Seamless inline SVG in HTML;
  • SVG declarative animation;
  • SVG Fonts;
  • SVG text on a path;
  • SVG Views;
  • SVG (at least 1.1) Filters;
  • SVG 1.2 textArea and tbreak;
  • SVG 1.2 audio and video;
  • SVG Transforms 1.0 Module (3D Transforms);

Such as: none yet.

Copyright ©2005-2010 Legend Scrolls and Peter Davison.
Icons from the Oxygen Icon Theme, LGPL, and PNG version of icons in the Oxygen Icon Theme from kde-look.org, GPL.
All rights reserved.