Blame Identity/Webenv/App/Home/headings.html

5f16d0
5f16d0
5f16d0
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
5f16d0
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
5f16d0
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en" xml:lang="en">
5f16d0
<head>
5f16d0
5f16d0
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
5f16d0
	<meta http-equiv="content-style-type" content="text/css" />
5f16d0
	<meta http-equiv="content-language" content="en" />
838f5d
	<meta name="keywords" content="centos web headings visual style guide" />
838f5d
    <meta name="description" content="CentOS headings visual style guide is a tool to help you customize headings inside CentOS websites." />
5f16d0
	<meta name="copyright" content="2009-2010 Alain Reguera Delgado" />
5f16d0
c7fd17
	<title>Headings - Home</title>
5f16d0
2f9099
	<link href="/home/centos/artwork/trunk/Identity/Webenv/App/Home/stylesheet.css" rel="stylesheet" type="text/css" />
5f16d0
5f16d0
</head>
5f16d0
5f16d0
<body>
5f16d0
5f16d0
5f16d0
5f16d0
5f16d0
5f16d0
    
5f16d0
5f16d0
            
5f16d0
            CentOS specific brand information. Use this section to
5f16d0
            show the CentOS logo. The image used as CentOS logo needs
78b183
            to be 58 pixels height.
5f16d0
            -->
5f16d0
            
5f16d0
                
5f16d0
                href="http://www.centos.org/">
78b183
                src="/home/centos/artwork/trunk/Identity/Images/Brands/centos-logo-white-resized-x58.png" alt="CentOS"/>
5f16d0
            
5f16d0
5f16d0
            
5f16d0
            CentOS specific navigation links. Use this section to list
5f16d0
            the web applications you want to be always visible no
5f16d0
            matter where you are inside the CentOS web environment.
5f16d0
            Example of web applications are: Wiki, Lists, Mirrors,
5f16d0
            Forums, Planet, etc.
5f16d0
            -->
5f16d0
            
5f16d0
5f16d0
                
5f16d0
                
5f16d0
                (Alt+Shift+1)" href="http://www.centos.org/">Home
5f16d0
                  
5f16d0
       
5f16d0
                
5f16d0
                
5f16d0
                href="/home/centos/artwork/trunk/Identity/Models/Html/Moin/index.html">Wiki
5f16d0
                
5f16d0
       
5f16d0
                
5f16d0
                
5f16d0
                (Alt+Shift+3)" href="http://lists.centos.org/">Lists
5f16d0
                
5f16d0
5f16d0
                
5f16d0
                
5f16d0
                href="http://forums.centos.org">Forums
5f16d0
                
5f16d0
5f16d0
                
5f16d0
                
5f16d0
                href="http://planet.centos.org">Planet
5f16d0
                
5f16d0
5f16d0
                
5f16d0
                
5f16d0
                href="https://projects.centos.org/trac/">Projects
5f16d0
                
5f16d0
5f16d0
                
5f16d0
                
5f16d0
                href="http://mirrors.centos.org">Mirrors
5f16d0
                
5f16d0
5f16d0
            
5f16d0
5f16d0
            
5f16d0
            CentOS soponsors promotion. 
5f16d0
            -->
5f16d0
5f16d0
            
5f16d0
            Google promotion ads. 
5f16d0
            -->
5f16d0
5f16d0
            

5f16d0
            
4d19ae
4d19ae
                
4d19ae
                Application specific links for user stuff. Use this
4d19ae
                section to set Login, Register, Lost your passwrod?
4d19ae
                and so links.
4d19ae
                -->
5f16d0
                
5f16d0
                    Login
5f16d0
                    Register
5f16d0
                    Lost your password?
5f16d0
                
4d19ae
            
4d19ae
                
4d19ae
                Application specific links for trail sutff. Use this
4d19ae
                section if your application trails the pages you've
4d19ae
                visited.
4d19ae
                -->
4d19ae
    	        
4d19ae
    		        Pagination
4d19ae
            		Lists
4d19ae
            		Headings
4d19ae
            		Links
4d19ae
            		Texts
4d19ae
            		Home
4d19ae
            	
4d19ae
78b183
                
78b183
                Application specific links for content stuff. Use this
78b183
                section to set application specific links that need to
78b183
                remain always visible inside the application
78b183
                environment.
78b183
                -->
5f16d0
78b183
                
5f16d0
78b183
                    
78b183
                    href="index.html">Welcome
5f16d0
78b183
                    
78b183
                    href="headings.html">Headings
5f16d0
78b183
                    
78b183
                    href="texts.html">Texts
5f16d0
78b183
                    
78b183
                    href="lists.html">Lists
5f16d0
78b183
                    
78b183
                    href="links.html">Links
5f16d0
78b183
                    
78b183
                    href="tables.html">Tables
5f16d0
78b183
                    
78b183
                    href="forms.html">Forms 
5f16d0
        
78b183
                    
78b183
                    href="pagination.html">Pagination
78b183
78b183
                
5f16d0
5f16d0
            
5f16d0
5f16d0
            

5f16d0
5f16d0
    
5f16d0
5f16d0
    
5f16d0
    Start page body definitions.
5f16d0
    -->
5f16d0
5f16d0
    
5f16d0
859d61
        
7519de
            
a9cc5d
            The content of right column starts here.
7519de
            -->
7519de
            
    7519de
                    
  • Release Notes
  • 7519de
                    
  • Lifetime
  • 7519de
                    
  • Downloads
  • 7519de
                    
  • Documentation
  • 7519de
                    
  • Security Advisories
  • 7519de
                    
  • Bugs
  • 7519de
                    
  • Tips and tricks
  • 7519de
                    
  • HowTos
  • 7519de
                
    7519de
                
      7519de
                      
    • In this bar, it is possible to separate links by
    • 7519de
                      blocks.
      7519de
                  
      4d19ae
      4d19ae
              
      4d19ae
      859d61
              
      4d19ae
      7519de
                  
      7519de
                  Application specific links for breadcrumbs sutff. Use this
      7519de
                  section if your application supports breadcrumbs.
      7519de
                  -->
      7519de
              	
      7519de
              	    Pagination
      7519de
                      Lists
      7519de
                      Headings
      7519de
                      Links
      7519de
                      Texts
      7519de
                      Home
      7519de
                  
      4d19ae
      7519de
                  
      a9cc5d
                  The content of left column starts here.
      7519de
                  -->
      4d19ae
      c362e6
      	        

      Headings

      7519de
          
      7519de
      	        

      CentOS Headings Visual Style Guide.

      4d19ae
      c493b9
      4d19ae
      c493b9
                  

      Heading Level 1

      c004b9
                  
      <h1><a name="head-5871b1272673f7cf89bcaf48972c848a" href="#head-5871b1272673f7cf89bcaf48972c848a">Heading Level 1</a></h1>
      c004b9
      c493b9
                  

      Heading Level 2

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

      Heading Level 3

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

      Heading Level 4

      c004b9
                  
      <h4><a name="head-157dc030ea314f4b53a6ed238113a3f8" href="#head-157dc030ea314f4b53a6ed238113a3f8">Heading Level 4</a></h4>
      c004b9
      c493b9
                  
      Heading Level 5
      c004b9
                  
      <h5><a name="head-33628cc07bcbefc4e4732407b8680bf6" href="#head-33628cc07bcbefc4e4732407b8680bf6">Heading Level 5</a></h5>
      c004b9
      c493b9
                  
      Heading Level 6
      c004b9
                  
      <h6><a name="head-93b42a4a61a0b05a81aff6224555603c" href="#head-93b42a4a61a0b05a81aff6224555603c">Heading Level 5</a></h6>
      c004b9
      c493b9
                  

      Recommendations

      4d19ae
      a9cc5d
                  

      As heading design recommendations:

      4d19ae
      a9cc5d
                  
        4d19ae
        c004b9
                        
      • When defining headings, make them accessible

      • a9cc5d
                        using the following structure:

        4d19ae
        a9cc5d
                        
        <h1><a name="head-a1811f6545db914813115417011b2df9">Heading</a></h1>
        4d19ae
        a9cc5d
                        

        Where <tt>a1811f6545db914813115417011b2df9</tt> is the

        a9cc5d
                        result of applying <tt>md5sum</tt> command to
        a9cc5d
                        <tt>Heading</tt> string. In this case,
        a9cc5d
                        <tt>Heading</tt> is the heading name.

        a9cc5d
                        
        a9cc5d
                        
        4d19ae
        c004b9
                        
      • Sometimes headings are used as links. For those

      • c004b9
                        cases, use the following structure:

        c004b9
        c004b9
                        
        <h1><a href="#head-a1811f6545db914813115417011b2df9">Heading</a></h1>
        c004b9
        c004b9
                        

        or the following, if you want to make a heading an

        c004b9
                        anchor and link of itself:

        c004b9
        c004b9
                        
        <h1><a name="head-a1811f6545db914813115417011b2df9" href="#head-a1811f6545db914813115417011b2df9">Heading</a></h1>
        c004b9
        a9cc5d
                        
      • Avoid using more than 4 levels of headings. If

      • a9cc5d
                        you think you need to, you probably do; but consider
        a9cc5d
                        splitting your content in several pages instead. Too
        a9cc5d
                        many headings could affect your content
        a9cc5d
                        readability.

        4d19ae
        a9cc5d
                    
        4d19ae
        c362e6
        a9cc5d
                    
        a9cc5d
                    The content of left column ends here.
        a9cc5d
                    -->
        7519de
                    

        7519de
        7519de
                
        4d19ae
        5f16d0
            
        5f16d0
        7519de
        5f16d0
            
        5f16d0
            Start page footer definitions.
        5f16d0
            -->
        7519de
            

        5f16d0
            
        5f16d0
        5f16d0
                
        5f16d0
                    
        5f16d0
                    href="#top">
        78b183
                    src="/home/centos/artwork/trunk/Identity/Images/Webenv/top.png"
        5f16d0
                    alt="Top"/>
        5f16d0
                
        5f16d0
        4d19ae
                
        83aed0
                    Copyright © 2009-2011 Alain Reguera Delgado. All rights
        5f16d0
                    reserved.
        This website is licensed under a
        5f16d0
                    rel="license"
        5f16d0
                    href="http://creativecommons.org/licenses/by-sa/3.0/">Creative
        5f16d0
                    Commons Attribution-Share Alike 3.0 Unported License.
        5f16d0
        5f16d0
                
        5f16d0
        5f16d0
            
        5f16d0
        5f16d0
        5f16d0
        5f16d0
        </body>
        5f16d0
        5f16d0
        </html>