HTML5 骨架

最新推荐文章于 2024-02-16 22:51:03 发布

weixin_30439031

最新推荐文章于 2024-02-16 22:51:03 发布

阅读量188

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/dog1986/p/6263079.html

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")

转载于:https://www.cnblogs.com/dog1986/p/6263079.html