HTML5相对HTML优势

标签：app   状态   术语   html   local   常见   语义   存储   file   

一、HTML5 的应用场景

• 极具表现力的网页
• 网页应用程序
  • PC端：iCloud、百度脑图、Office 365···
  • APP端：淘宝、京东、美团···
  • WeChat端：淘宝、京东、美团···
• 混合式本地应用
  • PC端：网易云音乐、有道词典···
  • APP端：淘宝、京东、美团···
• 简单的游戏
• 微信小程序

       1.HTML5:更具有语义化的标签

       2.语义化标签作用：

          能够便于开发者阅读和写出更优雅的代码，代码如诗

          同时让浏览器或是网络爬虫可以很好地解析，从而更好分析其中的内容

          更好地搜索引擎优化

      3.应用程序标签：

• DataList(数据列表)
• Progress(进度条)
• Meter(数值显示器)

      4.常见的链接关系表

        5.SVG

        Scalable Vector Graphics 可缩放矢量图形     基于可扩展标记语言

        优势：体积小，质量高，效果好，可控程度高

      使用 SVG File 的方式

• 使用 <embed> 标签
• 使用 <object> 标签
• 使用 <iframe> 标签
• Ajax方式加载

二、JavaScript API

• 核心平台提升
  • 新的选择器
  • Element.classList
  • 访问历史API
  • 全屏API
• 网页存储
  • Application Cache
  • localStorage
  • sessionStorage
  • WebSQL
  • IndexedDB
• 设备信息访问
  • 网络状态
  • 硬件访问
  • 设备方向
  • 地理围栏
• 拖放操作
  • 网页内拖放
  • 桌面拖入
  • 桌面拖出
• 文件
  • 文件系统API
  • FileReader
• 网络访问
  • XMLHttpRequest
  • fetch
  • WebSocket
• 多线程
• 桌面通知

三、CSS

• New Selector
• Web Fonts
• Text Styles
• Opacity
• HSL Color
• Rounded Corners
• Gradients
• Shadows
• Background Enhancements
• Border Image
• Flexible Box Model
• Transforms
• Transitions
• Animations

HTML5相对HTML优势

标签：app   状态   术语   html   local   常见   语义   存储   file   

原文地址：https://www.cnblogs.com/zlinger/p/9515259.html