Html5在线运行
运行代码后，console.log() 与 JS 报错会显示在这里。
HTML5在线运行
使用HTML5在线运行工具可以在线编写HTML5代码或者测试您本地的HTML5代码，实时看到在线的反馈结果。
使用 HTML5在线运行很简单，而且速度很快，只需要点击上方的"运行"按钮即可执行，然后在运行结果区域中看到运行的效果。
您可以使用内联样式和JS脚本语言测试css和js的运行效果。
HTML5在线运行工具的特点
以下介绍HTML5在线运行工具的特点。
- 友好的用户界面：HTML5在线运行具有直观的界面，使编码变得简单。我们不需要下载或安装任何开发环境，只需打开您的网络浏览器，即可在线运行 HTML5 代码。
- 实时代码编辑 ：在左侧的HTML5编辑器中，我们可以实时编辑您的 HTML5 代码并立即查看结果。这意味着更快的开发速度和更少的错误。
- 即时预览 ：HTML5在线运行提供了 HTML5 输出的即时预览，因此我们可以在编写代码时看到网页的外观。这是微调我们的设计和布局的完美方式。
- 语法高亮：开发人员集成了语法高亮功能，可帮助您轻松发现错误并识别代码的不同部分。此功能对于初学者和经验丰富的程序员都特别有用。
- 多种背景主题：每个人都有自己喜欢的编码环境。HTML5 在线运行具有 HTML5 编辑器主题，可满足您的风格和舒适度，无论您喜欢深色背景主题还是浅色背景主题。
HTML5新增标签
具体标签如下：
一、页面结构
| 标签 | 描述 |
|---|---|
| <header> | 页面或节的页眉 |
| <nav> | 页面导航链接部分 |
| <section> | 独立的节或主题区块 |
| <article> | 独立的、完整的内容块 |
| <aside> | 页面侧边栏或附属内容 |
| <footer> | 页面或节的页脚 |
| <main> | 页面的主要内容区域 |
| <figure> | 包含一组相关的多媒体内容 |
| <figcaption> | <figure>元素的标题或说明性文本 |
二、多媒体
| 标签 | 描述 |
|---|---|
| <video> | 视频 |
| <audio> | 音频 |
| <source> | <video>和<audio>的媒体源 |
| <track> | <video>和<audio>的文本轨道（字幕、描述等） |
三、表单
| 标签 | 描述 |
|---|---|
| <datalist> | 输入框的预定义选项列表 |
| <output> | 计算结果或脚本输出 |
| <progress> | 任务的进度 |
| <meter> | 标量测量 |
| <keygen> | 用于生成密钥对的表单元素 |
| <details> | 可折叠的内容 |
| <summary> | <details>元素的摘要 |
| <fieldset> | 表单元素的分组容器 |
| <legend> | <fieldset>元素的标题 |
四、语义化和其他
| 标签 | 描述 |
|---|---|
| <mark> | 文本高亮 |
| <time> | 日期、时间或时间范围 |
| <ruby> | 注音文本（用于东亚文字） |
| <rt> | <ruby>元素的解释性文字 |
| <rp> | <ruby>元素在不受支持时显示的回退内容 |
| <wbr> | 单词换行标记 |
| <bdi> | 文本的双向性隔离 |
| <dialog> | 对话框 |
| <template> | 用于定义片段模板，供脚本复制和插入 |