HTML5学习笔记(一)

时间:2022-02-21 15:36:36

Html5新特性:

1.兼容性 2.合理性 3.效率 4.安全性 5.分离 6.简化 7.通用性 8.无插件   HTML5组织: 1.WHATWG 2.W3C 3.IETF   HTML5功能: Canvas、Channel消息传送、Cross-document消息传送、Geolocation、MathML、Microdata、Server-Sent Events、Scalable Vector Graphics(SVG)、WebSocket API及协议、Web Origin Concept、Web storage、web SQL database、Web Workers、XMLHttpRequest Level2   HTML设计理念: 1.避免不必要的复杂性   如:<!DOCTYPE html>     <meta charset="UTF-8"> 2.支持已有的内容 3.解决现实的问题 4.求真务实 5.平稳退化 6.最终用户优先   简单的网页布局
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
header,nav,article,footer
{
border
: solid 1px #666;
padding
: 10px;
margin
: 6px;
}
header
{
width
: 500px;
}
nav
{
float
: left;
width
: 60px;
height
: 100px;
}
article
{
float
: left;
width
: 406px;
height
: 100px;
}
footer
{
clear
: both;
width
: 500px;
}
</style>
</head>
<body>
<header>导航</header>
<nav>菜单</nav>
<article>内容</article>
<footer>底部说明</footer>
</body>
</html>

HTML5学习笔记(一)