本周HTML5的知识点】的更多相关文章

html5一般用<meta>标签描述网页的摘要信息.标题标签一共有6个,标题字体加粗<h1>最大,<h6>最小. <p>标签标示内容都在一行显示,结束后会自动换行.<br>标签有换行的效果,<hr>标签显示出横线 空格标识:   大于号>:>  小于号<:<  引号":&quot  版权符号:© 超链接:语法: <a href="链接地址" target="…
本文讲解HTML5实用知识点 新增的表单type Canvas使用 SVG使用 Audio使用 Video使用 网页缓存 文件缓存 后台worker Server-Sent Events 定位 拖放功能 新增的表单type <input type="color" name="myColor"> 颜色表单 <input type="date" name="myDate"> 日期表单 <input t…
本文通过对w3schoolHTML5基础教程,整理出比较常见的却又容易遗忘或者忽略的HTML5相关知识点.本文的标题顺序与w3school中的HTML5基础教程标题顺序保持一致.适合翻阅和复习. 1.HTML 5 视频 (1)视频格式 当前,video 元素支持三种视频格式:  (2)一种兼容的做法 video 元素允许多个 source 元素.source 元素可以链接不同的视频文件.浏览器将使用第一个可识别的格式: <video width="320" height=&quo…
一.什么是HTML HTML是超文本标签语言,即网页的源码.而浏览器就是翻译解释HTML源码的工具. 二.HTML的基本格式 <!DOCTYPE html>: ①文档类型声明:让浏览器按照HTML5的标准对代码进行解释与执行.②文档类型声明必不可少,而且,必须放在文档的最上方,前面不可有任何一行代码.③如果不写文档类型声明,浏览器会按照兼容模式运行,可能会出现不明bug. <head></head>:主要放一些关于网页设计的相关语句. <body></…
前言:本文是自己在学习课程中的课程笔记,这里用来温故知新的,并非本人原创. 一.HTML5新特性 —— 十个新特性:凌乱 (1)新的语义标签 (2)增强型表单(表单2.0) (3)音频和视频 (4)Canvas绘图 (5)SVG绘图 (6)地理定位 (7)拖放API (8)Web Worker (9)Web Storage (10)Web Socket 二.HTML5中表单的新特性 (1)新的input type   <input type="?"> H4中的input t…
1.页面结构上的一些宽松改变 <!DOCTYPE html>默认为标准模式 <meta charset="UTF-8"> 2.html5中新增的一些语义化标签 <section></section>用于对网站或应用程序中页面上的内容进行分块.通常由内容及其标题组成. <article></article>代表文档.页面或应用程序中独立的.完整的.可以独自被外部引用的内容.当我们描述一件具体的事物的时候,通常使用ar…
1.WEB基础知识 1.WEB 与 Internet 1.Internet 互联网 若干台计算机 通过 网线 所连接而成的物理设备 主要服务: 1.Telnet 2.Email 3.WWW(Word Wide Web) 4.BBS 5.FTP 信息共享 基本实现技术: 1.TCP/IP 协议簇 2.分组交换原理 2.WEB 1.什么是WEB 网页应用 2.主要作用 将各类信息(文本,图像,音频,视频) 和 服务 进行连接 3.网站 与 网页 4.WEB的工作原理 1.基于 B/S 结构模式的程序…
一.文档问题 1.html5新标签:section.header.footer.nav.aside.blockquote.q.fieldest.figure.address.article.details 2.在不支持Html5的浏览器中使用HTML5:浏览器关于未知元素的默认样式是display:inline:因此需要: section,article,aside,footer,header,nav,hgroup{ display:block; } 由于ie8及ie8以前版本的浏览器不允许样式…
github代码:https://github.com/showkawa/H5C3/tree/master/html5 1.自定义属性 data- 1.1 可以给html里的所有DOM对象都可以添加一些data-*的属性 1.2 用来记录与当前DOM强相关的数据 1.3 设值 .setAttribute('data-A',kawa); 1.4 取值 .dataset['A']; 2.选择器 2.1 document.querySelector('selector'); 返回满足条件的第一个元素…
1.产生ioc图标的网站: http://www.bitbug.net/ 链接ioc图标: <link rel="shortcut icon" type="image/x-icon" href="img/my.ico" /> 2. css3图片充满全屏: 示例代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset=…