Web前端开发必知必会 课件-中文版 lesson 6 HTML5 基本框架及应用_第1页
Web前端开发必知必会 课件-中文版 lesson 6 HTML5 基本框架及应用_第2页
Web前端开发必知必会 课件-中文版 lesson 6 HTML5 基本框架及应用_第3页
Web前端开发必知必会 课件-中文版 lesson 6 HTML5 基本框架及应用_第4页
Web前端开发必知必会 课件-中文版 lesson 6 HTML5 基本框架及应用_第5页
已阅读5页，还剩8页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

地址：杭州市滨江区滨文路528号邮政编码：3100532024/4/10HTML5网页框架LESSON6CONTENTS01HTML5新标签02HTML5网页框架03Shortcuticon

HTML5是：超文本标记语言HTML最新版本<!doctypehtml><htmllang="zh-cn"><head><metacharset="utf-8"><title>文档标题</title></head><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>无标题文档</title></head>HTML5的变革：简化网页头部

提供了一些新的元素和属性<header><nav><footer><section><article><aside><main><figure><video><audio><canvas>……全新的表单输入对象用户名：<inputtype="text"placeholder="username"/>邮箱：<inputtype="email"placeholder="test@163.com"/>取代Flash在移动设备的地位离线web应用HTML5新标签与特性01<main>main表示document中body的主要内容每个页面的主内容只能有一个不能在一个文档中有多个main不能在article,aside,footer,header或者nav中包含main

<article>--用于包含一个独立的内容块<aside>--用于包含与其旁边内容不相关的内容突出引用、广告和导航元素侧边栏<aside><h2>…</h2><ul><li>…</li><li>…</li></ul><h2>…</h2><ul><li>…</li><li>…</li></ul></aside><article><h1>…</h1><p>…</p>

<aside>…</aside></article><article>&<aside><section>section用于定义文档或应用中的一个通用区块用于包装组件带自然标题的文档（如果纯样式——用div）headerfooter网站例：Iphone(查看源码)使用标签：<header><footer><nav><main><div>或<section>BasicFrame:usingclass&main

使用类与main标签的基本框架-------HTML---------<body><header><h2>我们一起学习网页前端开发</h2></header><divclass="mainbox"><!–mainboxfordiv--><p>主体部分：</p></div>

<mainclass="mainbox"><p>主体部分：</p></main><footer>copyrighthere</footer></body>-------CSS---------<style>header,footer{text-align:center;}

.mainbox{

width:1000px;

margin:0pxauto;background-color:rgb(255,255,255);padding:1em;

}

</style>

02

使用section的框架<section>或<div><header><section>或<div><footer>版权所有

</footer><h2><p><nav>Shortcuticon添加网页标题title中的logo<linkrel="shortcuticon"href="images/zyf2.ico"type="image/x-icon">03Q&A网页框架中为什么一般需要用到header、footer？哪些是HTML5语义化新标签？请列出至少5个。如何在网页的title中显示你的l

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论