1 Table of Contents Preface The HTML Handbook Conclusion 2 Preface The HTML Handbook follows the 80/20 rule: learn in 20% of the time the 80% of a topic. In particular, the goal is to get you you up to speed quickly with HTML. This book is written by Flavio. I publish programming tutorials on my blog flaviocopes.com and I organize a yearly bootcamp at bootcamp.dev. You can reach me on Twitter Twitter @flaviocopes. Enjoy! 3 The HTML Handbook 1. Preface 2. HTML Basics 2.1. HTML page structure 2.2. Tags vs elements 2.3. Attributes 2.4. Case insensitive 2.5. White space 3. The document heading

04.HTML 5 19 décembre 2023 Développement web il3 HTML5 HE-Arc 2023 DGR Exemples • Vue d’ensemble : slides1 Google 2011 ( sources2 ) – Obslolète : quota, web sql : Web Storage, application cache d’exemples – html5 rocks!5 => web.dev6 – Chrome Experiments7 – MDN8 – html5 demos9 – plus de demos ?10 1https://web.archive.org/web/20140320042652/http://slides.html5rocks.com 2https://github.com/html5rocks/slides com/html5rocks/slides.html5rocks.com 3https://www.soundstep.com/blog/experiments/jsdetection/ 4https://auduno.github.io/clmtrackr/examples/facesubstitution.html 5https://www.html5rocks.com/ 6https://developers.google

HTML 杨亮 Web基本流程 PC Mobile 服务器 （Apache） (IIS) 后端脚本 （PHP） （JSP） （ASP） 数据库 （MySQL） （Oracle） （Access） HTTP 请求 对应⽂文件 获取数据 返回数据 返回⻚页⾯面 返回⻚页⾯面 请求⻚页⾯面 服务器端 客户端 html css javascript html css （MySQL） （Oracle） （Access） html css javascript 前端⼯工程师 后端⼯工程师 接受请求 获取数据 处理数据 拼接⻚页⾯面 组织数据 PC Mobile ⻚页⾯面内容 ⻚页⾯面外观 ⻚页⾯面⾏行为 html CSS JavaScript 管理数据 如果让你来设计⼀一种语⾔言 HTML HyperText Markup Language 才能把这件事情做好 HTML只是为了说明内容和结构，与外表⽆无关 HTML内容是给谁看的 将HTML变成⺴⽹网⻚页的浏览器 检索⺴⽹网⻚页内容的搜索引擎 接⼿手后续⼯工作的开发⼈人员 HTML代码要做到 • 只是代表内容和结构，和表现⽆无关 • 清晰的结构性 • 充分的语义性 • 程序猿能看懂 • 搜索引擎能明⽩白 • 代码的兼容性 html中的注释与众不同 <

org/3/library/asyncio.html#module-asyncio] module and shares the same event loop (by default since Tornado 5.0). In general, libraries designed for use with asyncio [https://docs.python.org/3/library/asyncio.html#module-asyncio] Tornado is available under the Apache License, Version 2.0 [http://www.apache.org/licenses/LICENSE-2.0.html]. This web site and all documentation is licensed under Creative Commons 3.0 [https://creativecommons of a thread. They also make concurrency easier [https://glyph.twistedmatrix.com/2014/02/unyielding.html] to reason about by reducing the number of places where a context switch can happen. Example: async

org/3/library/asyncio.html#module-asyncio] module and shares the same event loop (by default since Tornado 5.0). In general, libraries designed for use with asyncio [https://docs.python.org/3/library/asyncio.html#module-asyncio] Tornado is available under the Apache License, Version 2.0 [http://www.apache.org/licenses/LICENSE-2.0.html]. This web site and all documentation is licensed under Creative Commons 3.0 [https://creativecommons of a thread. They also make concurrency easier [https://glyph.twistedmatrix.com/2014/02/unyielding.html] to reason about by reducing the number of places where a context switch can happen. Example: async

org/3/library/asyncio.html#module-asyncio] module and shares the same event loop (by default since Tornado 5.0). In general, libraries designed for use with asyncio [https://docs.python.org/3/library/asyncio.html#module-asyncio] Tornado is available under the Apache License, Version 2.0 [http://www.apache.org/licenses/LICENSE-2.0.html]. This web site and all documentation is licensed under Creative Commons 3.0 [https://creativecommons of a thread. They also make concurrency easier [https://glyph.twistedmatrix.com/2014/02/unyielding.html] to reason about by reducing the number of places where a context switch can happen. Example: async

org/3/library/asyncio.html#module-asyncio] module and shares the same event loop (by default since Tornado 5.0). In general, libraries designed for use with asyncio [https://docs.python.org/3/library/asyncio.html#module-asyncio] Tornado is available under the Apache License, Version 2.0 [http://www.apache.org/licenses/LICENSE-2.0.html]. This web site and all documentation is licensed under Creative Commons 3.0 [https://creativecommons of a thread. They also make concurrency easier [https://glyph.twistedmatrix.com/2014/02/unyielding.html] to reason about by reducing the number of places where a context switch can happen. Example: async

org/3/library/asyncio.html#module-asyncio] module and shares the same event loop (by default since Tornado 5.0). In general, libraries designed for use with asyncio [https://docs.python.org/3/library/asyncio.html#module-asyncio] Tornado is available under the Apache License, Version 2.0 [http://www.apache.org/licenses/LICENSE-2.0.html]. This web site and all documentation is licensed under Creative Commons 3.0 [https://creativecommons of a thread. They also make concurrency easier [https://glyph.twistedmatrix.com/2014/02/unyielding.html] to reason about by reducing the number of places where a context switch can happen. Example: async

org/3/library/asyncio.html#module-asyncio] module and shares the same event loop (by default since Tornado 5.0). In general, libraries designed for use with asyncio [https://docs.python.org/3/library/asyncio.html#module-asyncio] Tornado is available under the Apache License, Version 2.0 [http://www.apache.org/licenses/LICENSE-2.0.html]. This web site and all documentation is licensed under Creative Commons 3.0 [https://creativecommons of a thread. They also make concurrency easier [https://glyph.twistedmatrix.com/2014/02/unyielding.html] to reason about by reducing the number of places where a context switch can happen. Example: async

readthedocs.io/en/stable/user/faq.html] - getting help [https://falcon.readthedocs.io/en/stable/community/help.html] - reference [https://falcon.readthedocs.io/en/stable/api/index.html]) Falcon add-ons and complementary available servers, see also: ASGI Implementations [https://asgi.readthedocs.io/en/latest/implementations.html]. $ pip install [uvicorn|daphne|hypercorn] Note By default, the uvicorn package comes only with page in your browser. On OS X it’s as simple as: $ open docs/_build/html/index.html Or on Linux: $ xdg-open docs/_build/html/index.html Quickstart If you haven’t done so already, please take a moment