HTML5 骨架
html:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<title>HTML5 骨架</title>
<meta charset="UTF-8">
<!--[if it IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- HEADER -->
<header>
<h1></h1>
<p></p>
</header>
<!-- END HEADER -->
<!-- NAV -->
<nav>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
</nav>
<!-- END NAV -->
<main>
<article>
<h1></h1>
<p></p>
</article>
</main>
<!-- FOOTER -->
<footer>
<p>©2014 W3Schools. All rights reserved.</p>
</footer>
<!-- END FOOTER -->
</body>
</html>
CSS样式表:
使用简单的语法链接样式表:
<link rel="stylesheet" href="style.css">
重置:
header, section, footer, aside, nav, main, article, figure {display: block;}
我常用的:
code:Courier,
body{font-family:Courier, Verdana,Arial, Helvetica, sans-serif;}
短规则可以压缩,写在一行:
p.into {font-family: Verdana; font-size: 16em;}
body {
background-color: lightgrey;
font-family: "Arial Black", Helvetica, sans-serif;
font-size: 16em;
color: black;
}
在HTML中加载JavaScript:(使用简单的语法加载外部脚本):
<script src="myscript.js">
使用JavaScript访问HTML元素
使用“凌乱”的结果HTML样式,可能导致JavaScript错误。
这两个JavaScript语句将产生不同的结果:
var obj = getElementById("Demo")
var obj = getElementById("demo")
