Blob Blame History Raw
<?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 web environment" />
	<meta name="description" content="The CentOS web environment html definitions." />
	<meta name="copyright" content="2009-2010 Alain Reguera Delgado" />

	<title>Headings - Home</title>

	<link href="/home/centos/artwork/trunk/Identity/Models/Css/Home/stylesheet.css" rel="stylesheet" type="text/css" />

</head>

<body>

<a name="top" />

<div id="wrap">

    <div id="page-header">

            <!-- 
            CentOS specific brand information. Use this section to
            show the CentOS logo. The image used as CentOS logo needs
            to be 36 pixels height.
            -->
            <div id="logo">
                <a title="Community Enterprise Operating System"
                href="http://www.centos.org/"><img
                src="/home/centos/artwork/trunk/Identity/Brands/Img/CentOS/Logo/Horizontal/5c-tm/white/136.png" alt="CentOS"/></a>
            </div>

            <!-- 
            CentOS specific navigation links. Use this section to list
            the web applications you want to be always visible no
            matter where you are inside the CentOS web environment.
            Example of web applications are: Wiki, Lists, Mirrors,
            Forums, Planet, etc.
            -->
            <div class="tabs1">

                <span class="current">
                <a accesskey="1" title="CentOS Home Page
                (Alt+Shift+1)" href="http://www.centos.org/"><span>Home</span></a>
                </span>  
       
                <span>
                <a accesskey="2" title="CentOS Wiki (Alt+Shift+2)"
                href="/home/centos/artwork/trunk/Identity/Models/Html/Moin/index.html"><span>Wiki</span></a>
                </span>
       
                <span>
                <a accesskey="3" title="CentOS Mailing Lists
                (Alt+Shift+3)" href="http://lists.centos.org/"><span>Lists</span></a>
                </span>

                <span>
                <a accesskey="4" title="CentOS Forums (Alt+Shift+4)"
                href="http://forums.centos.org"><span>Forums</span></a>
                </span>

                <span>
                <a accesskey="5" title="CentOS Forums (Alt+Shift+5)"
                href="http://planet.centos.org"><span>Planet</span></a>
                </span>

                <span>
                <a accesskey="6" title="CentOS Projects (Alt+Shift+6)"
                href="https://projects.centos.org/trac/"><span>Projects</span></a>
                </span>

                <span>
                <a accesskey="7" title="CentOS Mirrors (Alt+Shift+7)"
                href="http://mirrors.centos.org"><span>Mirrors</span></a>
                </span>

            </div>

            <!-- 
            CentOS soponsors promotion. 
            -->

            <!-- 
            Google promotion ads. 
            -->

            <div class="page-line white"><hr style="display:none;" /></div>
            <div class="links">

                <!-- 
                Application specific links for user stuff. Use this
                section to set Login, Register, Lost your passwrod?
                and so links.
                -->
                <div class="user">
                    <span><a href="">Login</a></span>
                    <span><a href="">Register</a></span>
                    <span class="last"><a href="">Lost your password?</a></span>
                </div>
            
                <!--
                Application specific links for trail sutff. Use this
                section if your application trails the pages you've
                visited.
                -->
    	        <div class="trail">
    		        <span><a href="">Pagination</a></span>
            		<span><a href="">Lists</a></span>
            		<span><a href="">Headings</a></span>
            		<span><a href="">Links</a></span>
            		<span><a href="">Texts</a></span>
            		<span class="last"><a href="">Home</a></span>
            	</div>

            </div>

            <!-- 
            Application specific links for content stuff. Use this
            section to set application specific links that need to
            remain always visible inside the application environment.
            -->

            <div class="tabs1">

                <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 white"><hr style="display:none;" /></div>

    </div>

    <!--
    Start page body definitions.
    -->

    <div id="page-body">

    <div id="page-body-right">

    <ul class="first">
        <li>The following links are specific to major release of
        CentOS distribution:</li>
    </ul>

    <ul>
        <li><a href="">Release Notes</a></li>
        <li><a href="">Lifetime</a></li>
        <li><a href="">Downloads</a></li>
        <li><a href="">Documentation</a></li>
        <li class="current"><a href="">Security Advisories</a></li>
        <li><a href="">Bugs</a></li>
        <li><a href="">Tips and tricks</a></li>
        <li><a href="">HowTos</a></li>
    </ul>

    <ul>
        <li>In this bar, it is possible to separate links by
        blocks.</li>
    </ul>
    </div>

    <div id="page-body-left">

        <!--
        Application specific links for breadcrumbs sutff. Use this
        section if your application supports breadcrumbs.
        -->
    	<div class="trail">
    	    <span><a href="">Pagination</a></span>
            <span><a href="">Lists</a></span>
            <span><a href="">Headings</a></span>
            <span><a href="">Links</a></span>
            <span><a href="">Texts</a></span>
            <span class="last"><a href="">Home</a></span>
        </div>

	<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>&lt;h1&gt;&lt;a name="head-5871b1272673f7cf89bcaf48972c848a" href="#head-5871b1272673f7cf89bcaf48972c848a"&gt;Heading Level 1&lt;/a&gt;&lt;/h1&gt;</pre>

	<h2><a name="head-d33a28a4193cffb949f506cfdf770f05"
	href="#head-d33a28a4193cffb949f506cfdf770f05">Heading Level 2</a></h2>

	<pre>&lt;h2&gt;&lt;a name="head-d33a28a4193cffb949f506cfdf770f05" href="#head-d33a28a4193cffb949f506cfdf770f05"&gt;Heading Level 2&lt;/a&gt;&lt;/h2&gt;</pre>

	<h3><a name="head-82dd23c665d8ee437a980459c8b80d7a"
	href="#head-82dd23c665d8ee437a980459c8b80d7a">Heading Level 3</a></h3>

	<pre>&lt;h3&gt;&lt;a name="head-82dd23c665d8ee437a980459c8b80d7a" href="#head-82dd23c665d8ee437a980459c8b80d7a"&gt;Heading Level 3&lt;/a&gt;&lt;/h3&gt;</pre>

	<h4><a name="head-157dc030ea314f4b53a6ed238113a3f8"
	href="#head-157dc030ea314f4b53a6ed238113a3f8">Heading Level 4</a></h4>

	<pre>&lt;h4&gt;&lt;a name="head-157dc030ea314f4b53a6ed238113a3f8" href="#head-157dc030ea314f4b53a6ed238113a3f8"&gt;Heading Level 4&lt;/a&gt;&lt;/h4&gt;</pre>

	<h5><a name="head-33628cc07bcbefc4e4732407b8680bf6"
	href="#head-33628cc07bcbefc4e4732407b8680bf6">Heading Level 5</a></h5>

	<pre>&lt;h5&gt;&lt;a name="head-33628cc07bcbefc4e4732407b8680bf6" href="#head-33628cc07bcbefc4e4732407b8680bf6"&gt;Heading Level 5&lt;/a&gt;&lt;/h5&gt;</pre>

	<h6><a name="head-93b42a4a61a0b05a81aff6224555603c"
	href="#head-93b42a4a61a0b05a81aff6224555603c">Heading Level 6</a></h6>

	<pre>&lt;h6&gt;&lt;a name="head-93b42a4a61a0b05a81aff6224555603c" href="#head-93b42a4a61a0b05a81aff6224555603c"&gt;Heading Level 5&lt;/a&gt;&lt;/h6&gt;</pre>

    </div>

    </div>

    <!--
    Start page footer definitions.
    -->

    <div id="page-footer">

        <div class="top">
            <a title="Top"
            href="#top"><img
            src="/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/top.png"
            alt="Top"/></a>
        <div>

        <div class="credits">
            Copyright 2009-2010 &copy; Alain Reguera Delgado. All rights
            reserved.<br />This website 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>

</div>

</body>

</html>