<?xml version="1.0"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="en" />
<meta name="keywords" content="centos heading visual style guide" />
<meta name="description" content="CentOS headings visual style guide." />
<meta name="copyright" content="2009 - The CentOS Project" />
<title>Headings - CentOS Web Visual Style Guide</title>
<link href="/home/centos/artwork/trunk/Identity/Models/Css/Default/stylesheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="page-header">
<div class="links">
<div class="tabs1">
<span>
<a accesskey="1" title="CentOS Home Page (Alt+Shift+1)" href="http://centos.org/"><span>Home</span></a>
</span>
<span class="current">
<a accesskey="2" title="CentOS Wiki (Alt+Shift+2)" href="http://centos.org/wiki"><span>Wiki</span></a>
</span>
<span>
<a accesskey="3" title="CentOS Documentation (Alt+Shift+3)" href="http://centos.org/docs"><span>Docs</span></a>
</span>
<span>
<a accesskey="4" title="CentOS Mailing Lists (Alt+Shift+4)" href="http://centos.org/lists"><span>Lists</span></a>
</span>
<span>
<a accesskey="5" title="CentOS Forums (Alt+Shift+5)" href="http://centos.org/forums"><span>Forums</span></a>
</span>
<span>
<a accesskey="6" title="CentOS Projects (Alt+Shift+6)" href="http://centos.org/projects"><span>Projects</span></a>
</span>
<span>
<a accesskey="7" title="CentOS Bugs (Alt+Shift+7)" href="http://centos.org/bugs"><span>Bugs</span></a>
</span>
<span class="download">
<a accesskey="D" title="CentOS Download (Alt+Shift+D)" href="http://centos.org/download"><span>Download</span></a>
</span>
</div>
<div class="page-line"><hr style="display:none;" /></div>
<div class="search">
<form method="post" action="" title="CentOS Search">
<p>
<input type="text" value="" />
<select name="lang">
<option value="es">Spanish</option>
<option value="en">English</option>
</select>
<select name="mlevel">
<optgroup label="CentOS-3">
<option value="docs">Documentation</option>
<option value="wiki">Wiki</option>
<option value="download">Download</option>
<option value="lists">Mailing Lists</option>
<option value="forums">Forums</option>
<option value="bugs">Bugs</option>
</optgroup>
<optgroup label="CentOS-4">
<option value="docs">Documentation</option>
<option value="wiki">Wiki</option>
<option value="download">Download</option>
<option value="lists">Mailing Lists</option>
<option value="forums">Forums</option>
<option value="bugs">Bugs</option>
</optgroup>
<optgroup label="CentOS-5">
<option value="docs">Documentation</option>
<option value="wiki">Wiki</option>
<option value="download">Download</option>
<option value="lists">Mailing Lists</option>
<option value="forums">Forums</option>
<option value="bugs">Bugs</option>
</optgroup>
</select>
<input type="submit" value="Search" />
</p>
</form>
</div>
<div class="page-line"><hr style="display:none;" /></div>
<div class="user">
<span><a href="">Login</a></span>
<span><a href="">Create Account</a></span>
<span class="last"><a href="">Lost Your Password?</a></span>
</div>
<div class="page-line"><hr style="display:none;" /></div>
<div class="trail">
<span><a href="">Login</a></span>
<span><a href="">Create Account</a></span>
<span class="last"><a href="">Lost Your Password?</a></span>
</div>
</div>
<div id="logo">
<a title="Community Enterprise Operating System" href="http://www.centos.org/">
<img src="../Img/png/centos-logo.png" alt="CentOS" />
</a>
</div>
<div class="page-line"><hr style="display:none;" /></div>
<div class="tabs2">
<span><a title="Welcome to the web special interest group" href="index.html"><span>Welcome</span></a></span>
<span class="current"><a title="CentOS headings visual style guide." href="headings.html"><span>Headings</span></a></span>
<span><a title="CentOS texts visual style guide." href="texts.html"><span>Texts</span></a></span>
<span><a title="CentOS lists visual style guide." href="lists.html"><span>Lists</span></a></span>
<span><a title="CentOS links visual style guide." href="links.html"><span>Links</span></a></span>
<span><a title="CentOS tables visual style guide." href="tables.html"><span>Tables</span></a></span>
<span><a title="CentOS forms visual style guide." href="forms.html"><span>Forms</span></a></span>
<span><a title="CentOS pagination visual style guide." href="pagination.html"><span>Pagination</span></a></span>
</div>
<div class="page-line blue"><hr style="display:none;" /></div>
<div class="admin">
<span><a accesskey="T" href="http://www.centos.org/" title="Text Edition (Alt+Shift+T)">Text Edit</a></span>
<span><a accesskey="G" href="http://www.centos.org" title="Graphical Edition (Alt+Shift+G)">Visual Edit</a></span>
<span><a href="">Information</a></span>
<span><a href="">Set Link</a></span>
<form method="post" action="">
<p> Action: <select name="lang">
<option value="es">Spanish</option>
<option value="en">English</option>
</select>
<input type="submit" value="Go" />
</p>
</form>
</div>
</div>
<div id="page-location">
<span><a href="">Home</a></span>
<span><a href="">Help</a></span>
<span><a href="">Style</a></span>
<span class="last"><a href="">Web</a></span>
</div>
<div id="page-body">
<h1>Headings</h1>
<p>CentOS Headings Visual Style Guide.</p>
<h2>Recommendations</h2>
<ul>
<li>Defining headings' HTML structure both as anchor
and link. This may help to make references to specific
topics.</li>
<li>Using an automatically generated number for
heading's anchor name. To avoid duplications we could
take the heading string and determine its md5 number
and use that number as anchor name. See examples
below.</li>
<li>...</li>
</ul>
<h2>Example</h2>
<h1><a
name="head-5871b1272673f7cf89bcaf48972c848a"
href="#head-5871b1272673f7cf89bcaf48972c848a">Heading Level 1</a></h1>
<pre><h1><a name="head-5871b1272673f7cf89bcaf48972c848a" href="#head-5871b1272673f7cf89bcaf48972c848a">Heading Level 1</a></h1></pre>
<h2><a name="head-d33a28a4193cffb949f506cfdf770f05"
href="#head-d33a28a4193cffb949f506cfdf770f05">Heading Level 2</a></h2>
<pre><h2><a name="head-d33a28a4193cffb949f506cfdf770f05" href="#head-d33a28a4193cffb949f506cfdf770f05">Heading Level 2</a></h2></pre>
<h3><a name="head-82dd23c665d8ee437a980459c8b80d7a"
href="#head-82dd23c665d8ee437a980459c8b80d7a">Heading Level 3</a></h3>
<pre><h3><a name="head-82dd23c665d8ee437a980459c8b80d7a" href="#head-82dd23c665d8ee437a980459c8b80d7a">Heading Level 3</a></h3></pre>
<h4><a name="head-157dc030ea314f4b53a6ed238113a3f8"
href="#head-157dc030ea314f4b53a6ed238113a3f8">Heading Level 4</a></h4>
<pre><h4><a name="head-157dc030ea314f4b53a6ed238113a3f8" href="#head-157dc030ea314f4b53a6ed238113a3f8">Heading Level 4</a></h4></pre>
<h5><a name="head-33628cc07bcbefc4e4732407b8680bf6"
href="#head-33628cc07bcbefc4e4732407b8680bf6">Heading Level 5</a></h5>
<pre><h5><a name="head-33628cc07bcbefc4e4732407b8680bf6" href="#head-33628cc07bcbefc4e4732407b8680bf6">Heading Level 5</a></h5></pre>
<h6><a name="head-93b42a4a61a0b05a81aff6224555603c"
href="#head-93b42a4a61a0b05a81aff6224555603c">Heading Level 6</a></h6>
<pre><h6><a name="head-93b42a4a61a0b05a81aff6224555603c" href="#head-93b42a4a61a0b05a81aff6224555603c">Heading Level 5</a></h6></pre>
</div>
<div id="page-info">FrontPage (last edited 2009-10-15 10:12:13 by <a
href="">FirstnameLastname</a>)</div>
<div id="page-footer">
<div class="admin">
<span><a href="">Text Edit</a></span>
<span><a href="">Visual Edit</a></span>
<span><a href="">Information</a></span>
<span class="last"><a href="">Set Link</a></span>
</div>
<div class="page-line blue"><hr style="display:none;" /></div>
<div class="tabs2">
<span><a title="Welcome to the web special interest group" href="index.html"><span>Welcome</span></a></span>
<span class="current"><a title="CentOS headings visual style guide." href="headings.html"><span>Headings</span></a></span>
<span><a title="CentOS texts visual style guide." href="texts.html"><span>Texts</span></a></span>
<span><a title="CentOS lists visual style guide." href="lists.html"><span>Lists</span></a></span>
<span><a title="CentOS links visual style guide." href="links.html"><span>Links</span></a></span>
<span><a title="CentOS tables visual style guide." href="tables.html"><span>Tables</span></a></span>
<span><a title="CentOS forms visual style guide." href="forms.html"><span>Forms</span></a></span>
<span><a title="CentOS pagination visual style guide." href="pagination.html"><span>Pagination</span></a></span>
</div>
<div class="page-line"><hr style="display:none;" /></div>
<div class="lisence">
<strong><a rel="license"
href="http://creativecommons.org/licenses/by-sa/3.0/"> <img
alt="Creative Commons License" style="border-width: 0pt;"
src="http://creativecommons.org/images/public/somerights20.png" />
</a></strong> <br />This wiki is licensed under a <a rel="license"
href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons
Attribution-Share Alike 3.0 Unported License</a>.
</div>
<div class="page-line"><hr style="display:none;" /></div>
<div class="tabs1">
<span>
<a title="CentOS Home Page (Alt+Shift+1)" href="http://centos.org/"><span>Home</span></a>
</span>
<span class="current">
<a title="CentOS Wiki (Alt+Shift+2)" href="http://centos.org/wiki"><span>Wiki</span></a>
</span>
<span>
<a title="CentOS Documentation (Alt+Shift+3)" href="http://centos.org/docs"><span>Docs</span></a>
</span>
<span>
<a title="CentOS Mailing Lists (Alt+Shift+4)" href="http://centos.org/lists"><span>Lists</span></a>
</span>
<span>
<a title="CentOS Forums (Alt+Shift+5)" href="http://centos.org/forums"><span>Forums</span></a>
</span>
<span>
<a title="CentOS Projects (Alt+Shift+6)" href="http://centos.org/projects"><span>Projects</span></a>
</span>
<span>
<a title="CentOS Bugs (Alt+Shift+7)" href="http://centos.org/bugs"><span>Bugs</span></a>
</span>
<span class="download">
<a title="CentOS Download (Alt+Shift+D)" href="http://centos.org/download"><span>Download</span></a>
</span>
</div>
<div class="credits">
<p>This wiki is powered by <a href="http://www.moinmoin.org/">MoinMoin</a></p>
<p>The CentOS Project</p>
</div>
<div class="page-line"><hr style="display:none;" /></div>
</div>
</div>
</body>
</html>