Definition
Shows the overall structure of each HTML page, including <html> and <body> elements, as well as the <head> element and its contents.
Usage
This component (or a variation of it) must appear on all pages.
For more information about the <meta> content in this component see the Meta Tag Guidelines.
Also, if a page has one or more associated feeds, they should be represented in the <head> element using the appropriate <link> elements.
A page can suppress the "share this page" widget by using a special meta tag. An example is given in variation 0 example 2 of this component.
Show all Templates
All Templates Referencing this Component
This table describes some of the common elements of sun.com pages.
| element |
what it's for and why it's important |
<!DOCTYPE> | The doctype is required for basic standards compliance, and avoids browser bugs by triggering standards rendering mode. |
|---|
<html> | Required for basic standards compliance, and should also contain the lang attribute with the appropriate value. |
|---|
<meta> (content-type) | Used to declare the charset of the page, and should thus come before the <title>. |
|---|
<title> | Should be SEO-relevant and human-relevant for the specific page. |
|---|
<meta> (keywords) | Used to declare SEO-relevant keywords for a specific page |
|---|
<meta> (description) | Used to declare SEO-relevant description for a specific page |
|---|
<meta> (content-language) | This line should reflect the language of a site and MUST match the country code and language type of the page. See the Meta Tag Guidelines for more information. |
|---|
<link> (default css) | Invokes the overall sun.com style. |
|---|
<link> (localized css) | Localized tweaks to page style can be done via css files in /css/local/ with the name that is the same as a given site's subdomain. For www.sun.com, the file is named /css/local/www.css or for jp.sun.com, the file is named /css/local/jp.css. These files are meant to contain domain specific styles. most sites have nothing to add so this line may be omitted or it may reference an empty file. If you wish to submit a css file to be included in the /css/local directory please contact webdesign@sun.com |
|---|
<link> (favicon) | All pages must reference the local favicon.ico that should be on the server at /favicon.ico |
|---|
<link> (search extension) | Used for all US pages, and any other page which wishes to include a link to the sun search extension. With this link in place people with Firefox 2.0 or greater will see the small arrow in the browser's search field turn orange, indicating they can select from that menu to dowload a "Sun Search" extension. Sites outside of the US should hold on using this until the search team can provide extensions for each country or venue. |
|---|
<script> (sniff.js) | This script should be called from every page. |
|---|
<script> (menucontent.js) | This script should be called from every page. |
|---|
<body> | Required for basic standards compliance. |
|---|
<div> | Required for CSS and various other reasons. |
|---|
<a name="top"> | Used as an anchor for "Back to Top" links. It should be present on all pages. |
|---|
With the exception of these elements, the rest of the code, especially head contents, is open to webmaster interpretation.
NOTE: This component does not use a comment marker, if you need to add one, it may only be added AFTER the DOCTYPE line.
Any feeds (e.g. RSS or Atom feeds) that are associated with the page should be linked from within the <head> section.
This allows the browser and other technologies to present the feed as an option to the user.
Make sure that the title gives the user enough information to select the appropriate feed.
For example:
<link rel="alternate" type="application/atom+xml" title="Recent Entries (Atom)" href="/main/feed/entries/atom">
<link rel="alternate" type="application/rss+xml" title="Recent Entries (RSS)" href="/main/feed/entries/rss">
<link rel="alternate" type="application/atom+xml" title="Recent Comments (Atom)" href="/main/feed/comments/atom">
<link rel="alternate" type="application/rss+xml" title="Recent Comments (RSS)" href="/main/feed/comments/rss">
v0
x1
HTML page structure for launch pages
Same as basic version, but added LINK tag to reference the launch.css. This should be used when using LN components.
No Templates Reference this
v0
x2
HTML page structure, w/o share this page widget
Same as basic version, but this example adds a META tag to suppress the share this page widget.
This should be used on pages that shouldn't be bookmarked, or where it wouldn't make sense to bookmark them.
No Templates Reference this
v0
x3
Learning path HTML page structure
No Templates Reference this
v0
x4
eCommerce HTML page structure
For use on ecomm pages. Includes calls for ecomm JS and CSS files.
No Templates Reference this
v1
100% width HTML page structure
This variation differs from variation 0 because it contains class="a0v1" in the BODY tag.
This difference is what makes the page expand to a 100% width.
This variation must NOT be used unless express appoval is given by webdesign@sun.com.
NOTE: This component does not use a comment marker.
No Templates Reference this
v1
x1
Launch Page iFrame HTML page structure
Same as basic version, but added LINK tag to reference the launch.css and a class "lnframe" to the BODY tag. This should be used for the iframe of a launch page.
No Templates Reference this
v2
Homepage HTML page structure (Current Design)
This variation is only to be used on www.sun home pages.
NOTE: This component does not use a start and end comment marker.
v2
x1
Homepage HTML page structure (Previous Design)
This variation is only to be used on www.sun home pages.
NOTE: This component does not use a start and end comment marker.
v3
Media Shell HTML page structure
This variation is only to be used in the media shell.
v4
developer.sun.com HTML page structure
This variation is only to be used on developer.sun.com or java.sun.com pages.
No Templates Reference this
|
