1、html5的特点：1.语法简化<dcotype>声明；2.统一网页内嵌影音语法<audio><video>；3.新增结构等语义标签header/aside/section/nav/footer;4.废除旧标记<font><big><s>；5.全新表单设计；6.提供各种API(例如本地存储的API，画图的API，配合JS，通过浏览器支持原生API，可达很好的效果)
2、html5语义标记
2.1 <header>:显示网站名称、主题或者主要信息
2.2 <nav>:网站的菜单
2.3 <aside>:侧边栏
2.4 <article>:主内容区域
2.5 <section>:章节或段落
2.6 <footer>:位用页脚，用来放置版权声明，作者信息等
例： <header>Header</header>
<nav>
<a href="##">nav item1</a>
</nav>
<scetion>
<header>header</header>
<article>article</article>
<figure>figure</figure>
<footer>footer</footer>
</scetion>
<footer>footer</footer>
3、html属性：控制一个HTML元素，就是通过属性来控制的（详细了解，可查HTML手册）
属性和属性值需要用等号连接起来，属性需要用双引号引起来
例：<img src="test.jpg" width="300" height="200" />
<input type="checbox" checked="checked" /><!--选中属性-->
<input type="checbox" /><!--未选中属性-->
4、html元素分类
4.1块元素：div、p、ul、li等
4.2行内元素：span、strong、em等<!--设置宽度和高度是无效的-->
4.3行内块元素：img等<!--可以设置大小-->
5、简单的HTML5页面
例： <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>简单的HTML5页面</title>
</head>
<body>
<h1>清明</h1>
<p>清明时节雨纷纷，<br />路上行人欲断魂。<br />借问酒家何处有，<br />牧童遥指杏花村。<br /></p>
<img src="qingming.png" />
</body>
</html>
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
