Use new HTML5 semantic elements and conventions

kaixiong · kaixiong · commit d2eff894b258 · 2013-01-15T02:25:10.000+08:00
diff --git a/css/style.css b/css/style.css
@@ -48,16 +48,16 @@ p {
   background: url("images/background.png") no-repeat top center;
 }
 
-#header {
+header {
   position: relative;
   height: 370px;
   margin-bottom: 20px;
 }
-#header .tagline {
+header .tagline {
   text-indent: -9999em;
   overflow: hidden;
 }
-#header .download {
+header .download {
   font-family: "Comfortaa", sans-serif;
   display: block;
   position: absolute;
@@ -66,7 +66,7 @@ p {
   font-size: 20px;
   color: #ff7f2a;
 }
-#header .current-ver {
+header .current-ver {
   font-size: 62px;
 }
 
@@ -100,7 +100,7 @@ p {
   text-shadow: 0px 0px 5px #111;
 }
 
-#footer {
+footer {
   font-size: 13px;
   padding: 20px 0;
 }
diff --git a/css/style.scss b/css/style.scss
@@ -56,7 +56,7 @@ p {
   background: url('images/background.png') no-repeat top center;
 }
 
-#header {
+header {
   position: relative;
   height: 370px;
   margin-bottom: 20px;
@@ -109,7 +109,7 @@ p {
   text-shadow: 0px 0px 5px #111;
 }
 
-#footer {
+footer {
   font-size: 13px;
   padding: 20px 0;
 }
diff --git a/index.html b/index.html
@@ -11,25 +11,25 @@
   <meta name="author" content="Libvisual team">
   <meta name="keywords" content="libvisual,audio,visualization,framework">
 
-  <link rel="stylesheet" type="text/css" href="css/reset.css">
-  <link rel="stylesheet" type="text/css" href="css/960_12_col.css">
-  <link rel="stylesheet" type="text/css" href="css/style.css">
+  <link rel="stylesheet" href="css/reset.css">
+  <link rel="stylesheet" href="css/960_12_col.css">
+  <link rel="stylesheet" href="css/style.css">
 
-  <script type="text/javascript" src="js/modernizr.js"></script>
+  <script src="js/modernizr.js"></script>
 </head>
 
 <body>
 
   <div id="page-wrapper">
     <div id="page">
-      <div id="header" class="container_12">
+      <header class="container_12">
         <div class="grid_12">
           <a id="site-name" title="Homepage" href="/"><h1>Libvisual</h1></a>
           <p class="tagline">Make your music pretty</p>
           <p class="download"><span class="current-ver">0.5.0</span> beta &gt; <a href="https://github.com/Libvisual/libvisual">download</a></p>
           <div class="clearfix"></div>
         </div>
-      </div> <!-- header -->
+      </header> <!-- header -->
 
       <div id="feature" class="container_12">
         <div class="block grid_6">
@@ -85,13 +85,13 @@ <h2 class="title">Build <span class="project-name">LV</span></h2>
         </div> <!-- column-right -->
       </div>
 
-      <div id="footer" class="container_12">
+      <footer class="container_12">
         <div class="grid_12">
           <span id="credits">Libvisual is Free, Open Source Software.</span>
           <span id="copyright">Copyleft 2005-2013 All Rights Preserved.</span>
           <div class="clearfix"></div>
         </div>
-      </div> <!-- footer -->
+      </footer> <!-- footer -->
 
     </div> <!-- page -->
   </div> <!-- page-wrapper -->

Original file line number	Diff line number	Diff line change
`@@ -48,16 +48,16 @@ p {`
`48`	`48`	`background: url("images/background.png") no-repeat top center;`
`49`	`49`	`}`
`50`	`50`
`51`		`-#header {`
	`51`	`+header {`
`52`	`52`	`position: relative;`
`53`	`53`	`height: 370px;`
`54`	`54`	`margin-bottom: 20px;`
`55`	`55`	`}`
`56`		`-#header .tagline {`
	`56`	`+header .tagline {`
`57`	`57`	`text-indent: -9999em;`
`58`	`58`	`overflow: hidden;`
`59`	`59`	`}`
`60`		`-#header .download {`
	`60`	`+header .download {`
`61`	`61`	`font-family: "Comfortaa", sans-serif;`
`62`	`62`	`display: block;`
`63`	`63`	`position: absolute;`
`@@ -66,7 +66,7 @@ p {`
`66`	`66`	`font-size: 20px;`
`67`	`67`	`color: #ff7f2a;`
`68`	`68`	`}`
`69`		`-#header .current-ver {`
	`69`	`+header .current-ver {`
`70`	`70`	`font-size: 62px;`
`71`	`71`	`}`
`72`	`72`
`@@ -100,7 +100,7 @@ p {`
`100`	`100`	`text-shadow: 0px 0px 5px #111;`
`101`	`101`	`}`
`102`	`102`
`103`		`-#footer {`
	`103`	`+footer {`
`104`	`104`	`font-size: 13px;`
`105`	`105`	`padding: 20px 0;`
`106`	`106`	`}`
Original file line number	Diff line number	Diff line change
`@@ -56,7 +56,7 @@ p {`
`56`	`56`	`background: url('images/background.png') no-repeat top center;`
`57`	`57`	`}`
`58`	`58`
`59`		`-#header {`
	`59`	`+header {`
`60`	`60`	`position: relative;`
`61`	`61`	`height: 370px;`
`62`	`62`	`margin-bottom: 20px;`
`@@ -109,7 +109,7 @@ p {`
`109`	`109`	`text-shadow: 0px 0px 5px #111;`
`110`	`110`	`}`
`111`	`111`
`112`		`-#footer {`
	`112`	`+footer {`
`113`	`113`	`font-size: 13px;`
`114`	`114`	`padding: 20px 0;`
`115`	`115`	`}`