正文

HTML5 骨架

IP云
IP云V管理员/4 阅读
09/13
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

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>&copy;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")