HTML5 Related knowledge

于 2019-07-19 23:23:13 发布
阅读量95 收藏
点赞数
原文链接：http://www.cnblogs.com/lzhairs/p/3572236.html
版权

1.What kind of HTML dev do you think you are?
HTML5 is the ubiquitous platform for the web, and is Web Applications 1.0. Whether you're a mobile web developer, an enterprise with specific business needs, or a serious game dev looking to explore the web as a new platform,
HTML5 has something for you! and it is important to see HTML5 can cross platform.

HTML5 introduces elements and attributes that reflect typical usage on modern websites. Some of them are semantic replacements for common uses of generic block (<div>) and inline (<span>) elements, for example <nav> (website navigation block), <footer> (usually referring to bottom of web page or to last lines of HTML code), or <audio> and <video> instead of <object>.

2.HTML5 New Tag
onabort, onbeforeunload, oncontextmenu, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onmessage, onmousewheel, onresize, onscroll, onunload。
For details, you can refer to following:
https://developer.mozilla.org/ja/docs/Web/Guide/HTML/HTML5/HTML5_element_list

3.HTML5 Demo
There is HTML5 Demo.
http://html5demos.com/

4.HTML5 TEMPLATE GENERATOR
You can access following url, and have a try.
http://mizzz.jp/tg/

5.HTML5 LABS
http://html5labs.interoperabilitybridges.com/

6.HTML5 Sample
http://ayuta.co.jp/material/html5.html
For Example: 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"></meta>
<script type="text/javascript">
  var video;
  function init() {
    video = document.getElementById("video1");
    video.addEventListener("ended", function() {
      alert("Play end");
    }, true);
  }
  function play() {
    video.play();
  }
  function pause() {
    video.pause();
  }
  function fastforward() {
    video.playbackRate += .2;
  }

</script>
</head>
<body οnlοad="init()">
  <video id="video1" controls width="400">
  <source src="http://upload.wikimedia.org/wikipedia/commons/a/a5/20090124_WeeklyAddress.ogv" type="video/ogg">
  </video><br/>
  <button οnclick="play()">Play</button>
  <button οnclick="pause()">Pause</button>
  <button οnclick="fastforward()">FastForward</button>
</body>
</html> 

7.Other useful knowledge for mobile web developer
Following is mobile app and desktop app current market situation.

 (From Cross Platform Mobile Development--Looking beyond the HTML5 Hype by Colin Eberhardt)
Why CROSS PLATFORM? 
iPhone--Objective-C
BlackBerry - Java+BlackBerry APIs
Android -- Java+Android APIs
Windows Phone--C#/Silverlight

8.Slide
http://slides.html5rocks.com/#landing-slide

9.Differences from HTML4
https://rawgithub.com/whatwg/html-differences/master/Overview.html

Learn More:
http://www.html5rocks.com/en/
http://www.whatwg.org/specs/web-apps/current-work/multipage/introduction.html#is-this-html5?
https://developer.mozilla.org/ja/docs/Web/HTML/HTML5?redirectlocale=ja&redirectslug=HTML%2FHTML5 
http://www.atmarkit.co.jp/ait/articles/1309/05/news042.html

转载于:https://www.cnblogs.com/lzhairs/p/3572236.html

weixin_30329623
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML5知识概况
weixin_41005188的博客
04-22 541
-- 简介： HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。 HTML5的设计目的是为了在移动设备上支持多媒体。 HTML5 简单易学。 链接：HTML5教程 HTML5 是如何起步的？ HTML5 是 W3C 与 WHATWG 合作的结果,WHATWG 指 Web Hypertext Application Tech
HTML5知识梳理
qq_42376361的博客
06-09 307
一、属性篇 1、placeholder 提示信息 <input type="text" placeholder="请输入账号"> <input type="password" placeholder="请输入密码"> 2、input 的新type属性 在form表单下的Calendar类 标有New的是html5新增加 H5新增加的input属性大多数浏览器都不支持（除了Chrome）所以基本不适用，附带一张仅供参考的兼容图。 3、contenteditable （内容可编
Mobile Development Related Knowledge
Larry的博客
03-02 330
Mobile Development Related Knowledge Running Container Nodejs Hybrid Framework Cordova //Hybird development platform to support ios/android/window phone ionic //Js + Css + HTML based on
【340】GIS related knowledge
weixin_33755557的博客
11-18 79
mpk: 对地图文档以及所有引用的数据源进行打包可创建经过压缩的单个.mpk文件。参考，可以通过 Package Map 工具实现。 Collector for ArcGIS Survey123 OpenLayer 转载于:https://www.cnblogs.com/alex-bn-lee/p/9978979.html...
HTML A Beginner's Guide 5th Edition pdf
06-26
Thoroughly updated and revised, HTML: A Beginners Guide, Fifth Edition shows you, step by step, how to create dynamic websites with HTML. The book covers new HTML5 features, including video, audio, ...
chromit:https
05-27
:woman_teacher:Intro 介绍面向个人的知识图谱生成工具。整理信息流，记住记不住。...(Keywords and related web info will be extracted/parsed automatically backend. 关键词和重要网页信息会在
微软内部资料-SQL性能优化5
11-27
Lesson 5: Formulating and Implementing Resolution 75 Module 6: Troubleshooting Query Performance Overview At the end of this module, you will be able to:  Describe the different types ...
avif-0.5.0-cp37-cp37m-manylinux2010_i686.whl
07-27
python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！
[毕设]HTTP代理服务器开发与实现.zip
07-27
[毕设]HTTP代理服务器开发与实现
PyQt5-5.15.11-cp38-abi3-win32.whl
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
jupyterlab_broccoli_turtle-0.4.7-py3-none-any.whl
07-27
基本介绍 名称与起源：Pillow，原名为PIL（Python Imaging Library），但PIL只支持Python 2版本。随着Python 3的普及，Pillow作为PIL的一个分支出现，兼容Python 3并提供更多的功能和改进。 主要功能：Pillow支持多种图像格式的打开、保存、显示以及基本的图像操作和处理，如裁剪、缩放、旋转、翻转、滤镜应用等。 跨平台性：Pillow库可以在不同的操作系统上运行，包括Windows、Linux和MacOS等。 主要功能模块 Pillow库包含多个功能模块，每个模块都提供了特定的图像处理功能。以下是一些常用的模块： Image：用于处理图像文件，提供打开、保存、调整大小、旋转、裁剪、滤镜等功能。 ImageDraw：提供在图像上绘制各种形状（如线条、矩形、圆形）和文本的功能。 ImageFont：用于加载和使用TrueType字体文件，以便在图像上绘制文本时设置字体样式、大小和颜色。 ImageFilter：提供各种滤镜效果，如模糊、锐化、边缘增强等，用于图像增强、特效处理和图像识别等应用。 ImageEnhance：用于调整图像的亮度、对比度、颜色饱和度等参数，使图像更加清晰、明亮或具有特定的调色效果。 高级功能 除了基本的图像处理功能外，Pillow还支持一些高级功能，如色彩空间转换、直方图均衡化等。这些功能可以帮助用户进行更复杂的图像处理和分析。
pillow-10.4.0-cp311-cp311-win32.whl
07-27
基本介绍 名称与起源：Pillow，原名为PIL（Python Imaging Library），但PIL只支持Python 2版本。随着Python 3的普及，Pillow作为PIL的一个分支出现，兼容Python 3并提供更多的功能和改进。 主要功能：Pillow支持多种图像格式的打开、保存、显示以及基本的图像操作和处理，如裁剪、缩放、旋转、翻转、滤镜应用等。 跨平台性：Pillow库可以在不同的操作系统上运行，包括Windows、Linux和MacOS等。 主要功能模块 Pillow库包含多个功能模块，每个模块都提供了特定的图像处理功能。以下是一些常用的模块： Image：用于处理图像文件，提供打开、保存、调整大小、旋转、裁剪、滤镜等功能。 ImageDraw：提供在图像上绘制各种形状（如线条、矩形、圆形）和文本的功能。 ImageFont：用于加载和使用TrueType字体文件，以便在图像上绘制文本时设置字体样式、大小和颜色。 ImageFilter：提供各种滤镜效果，如模糊、锐化、边缘增强等，用于图像增强、特效处理和图像识别等应用。 ImageEnhance：用于调整图像的亮度、对比度、颜色饱和度等参数，使图像更加清晰、明亮或具有特定的调色效果。 高级功能 除了基本的图像处理功能外，Pillow还支持一些高级功能，如色彩空间转换、直方图均衡化等。这些功能可以帮助用户进行更复杂的图像处理和分析。
pi_heif-0.17.0-cp38-cp38-macosx_12_0_x86_64.whl
最新发布
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
asp代码ASP+ACCESS网上聊天室毕业设计(源代码+论文+开题报告+任务书+答辩PPT)
07-27
asp代码ASP+ACCESS网上聊天室毕业设计(源代码+论文+开题报告+任务书+答辩PPT)
PySizer-1.0.0-py3-none-any.whl
07-27
python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！
pillow-10.4.0-pp39-pypy39_pp73-manylinux_2_28_x86_64.whl
07-27
基本介绍 名称与起源：Pillow，原名为PIL（Python Imaging Library），但PIL只支持Python 2版本。随着Python 3的普及，Pillow作为PIL的一个分支出现，兼容Python 3并提供更多的功能和改进。 主要功能：Pillow支持多种图像格式的打开、保存、显示以及基本的图像操作和处理，如裁剪、缩放、旋转、翻转、滤镜应用等。 跨平台性：Pillow库可以在不同的操作系统上运行，包括Windows、Linux和MacOS等。 主要功能模块 Pillow库包含多个功能模块，每个模块都提供了特定的图像处理功能。以下是一些常用的模块： Image：用于处理图像文件，提供打开、保存、调整大小、旋转、裁剪、滤镜等功能。 ImageDraw：提供在图像上绘制各种形状（如线条、矩形、圆形）和文本的功能。 ImageFont：用于加载和使用TrueType字体文件，以便在图像上绘制文本时设置字体样式、大小和颜色。 ImageFilter：提供各种滤镜效果，如模糊、锐化、边缘增强等，用于图像增强、特效处理和图像识别等应用。 ImageEnhance：用于调整图像的亮度、对比度、颜色饱和度等参数，使图像更加清晰、明亮或具有特定的调色效果。 高级功能 除了基本的图像处理功能外，Pillow还支持一些高级功能，如色彩空间转换、直方图均衡化等。这些功能可以帮助用户进行更复杂的图像处理和分析。
prefetch_related
05-25
`prefetch_related`是Django ORM的一个方法，用于在查询时一次性预先加载相关对象的查询集，以减少后续访问数据库的次数，提高查询效率。与`select_related`方法不同，`prefetch_related`方法可以用于加载多个关联对象的查询集，并且支持反向关联查询。 例如，假设我们有两个模型`Author`和`Book`，它们之间存在外键关系，我们可以通过以下代码来实现使用`prefetch_related`方法预加载所有作者的书籍： ``` authors = Author.objects.all().prefetch_related('book_set') ``` 这样做可以在查询所有作者的同时，一次性预加载每个作者的书籍，避免了后续访问数据库的次数，提高了查询效率。需要注意的是，`prefetch_related`方法会执行两次查询，一次查询主对象，一次查询关联对象，因此在某些情况下可能会导致查询效率降低。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值