Ch 13 HTML and CSS Web Standards Solutions A Web Standardistas’ Approach
There are a number of key elements that can be found in most head sections of html pages.
meta title link style script
The use of tags Metadata is data that describes other data Choosing the right description meta data is important for search engines
Projects such as the Dublin Core MetaData Initiative are dedicated to creating standard conventions
There are four types of attributes to the meta element: http-equiv name author keywords copyright Robots content scheme.
What happens if you don’t include the character set information for words like: Iñtërnâtiônàlizætiøn?
Separating the XHTML content from the CSS presentation can be fully and consistently exploited when external style sheets are used. InternalExternal linked.css
Media types for style sheets Screen Print
Screen
It is well documented how many browsers do not conform to the standards and certain versions of Internet Explorer require conditional comments that can be used to try and implement your CSS in a different way to get the same result on screen. /* target versions of IE less than or equal to version 6 */
Targeting specific versions of Internet Explorer /* target versions of IE */ /* target versions of IE less than 6 */ /* target versions of IE greater than or equal to 5.5 */
Targeting specific versions of Internet Explorer /* target versions of IE less than 6 */ screen.css #header { background-image: url(images/transparent_background.png); } iehacks.css #header /* IE 6 does not support transparency in png images */ { background-image: url(images/transparent_background.gif); }
Manually checking compatibility with all browsers would be time consuming and difficult. Source:
Adding a favourite icon to the address bar Can be seen in: Tab Bookmarks History Toolbars Only 16 x 16 pixels
There are a number of ways to create the 16 x 16 pixel image Creating the image using Photoshop: n.html n.html