概念

  1. HTML5 是定义 HTML 标准的最新的版本，该术语表示两个不同的概念；
  2. 它是一个新版本的 HTML 语言，具有新的元素、属性和行为；
  3. 它有更大的技术集，允许多样化和强大的网站和应用程序；
  4. HTML5 约等于 HTML + CSS + JS；

HTML5 新增内容

新增的属性

属性 含义
placeholder 提供提示信息
Calendar、date、time、email、url、search input 的 type 属性值
ContentEditable 属性值为 true 可以编辑元素内容，常用于富文本编辑器
Draggable 规定元素是否可拖动
Hidden 全局布尔属性，可以隐藏页面元素，表现和 display: none 一致
Context-menu 会在用户右键单击该段落时出现，目前的主流浏览器都不支持 contextmenu 属性
Data-Val 自定义属性

新增的标签

标签 含义
语义化标签 一群类似 Div 的东西
canvas 画板
svg 矢量图
Audio 声音播放
Video 视频播放

新增的 API

API 含义
定位 需要地理位置的功能
重力感应 陀螺仪
request-animation-frame 动画优化
History 控制当前页面的历史记录
LocalStorage、SessionStorage 存储信息
WebSocket 在线聊天，聊天室
FileReader 文件读取，预览
WebWorker 文件的异步，提升性能，提升交互体验
Fetch 传说中要替代 Ajax 的东西

HTML5 优势

  1. 跨平台：唯一一个通吃 PC、Mac、Iphone、Android 等主流平台的跨平台语言；

  2. 快速迭代；

  3. 降低成本；

  4. 导流入口多；

  5. 分发效率高；

HTML4

  1. 基本文档：html、head、body...

  2. 基本标签： h1-h6、p、br、hr、<!--...-->..

  3. 文本格式化：strong、b、em、i、small、strong、del、sub、sup...

  4. 链接： a、link

  5. 图片： img、map、area

  6. 区块： div、span

  7. 三大列表： ul li 、ol li、dl dt dd

  8. 表格： table、caption、th、tr、td、thead、tbody、tfoot

  9. 框架： iframe

  10. 表单： form、input、select option、textarea、button、label

  11. 实体： &lt、&gt、&copy、 ...

打赏作者
您的打赏是我前进的动力
微信
支付宝
评论

中午好👏🏻，我是 ✍🏻   疯狂 codding 中...

粽子

这有关于前端开发的技术文档和你分享。

相信你可以在这里找到对你有用的知识和教程。

了解更多

目录

  1. 1. 概念
  2. 2. HTML5 新增内容
    1. 2.1. 新增的属性
    2. 2.2. 新增的标签
    3. 2.3. 新增的 API
  3. 3. HTML5 优势
  4. 4. HTML4