Html5在线运行

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>	用于定义片段模板，供脚本复制和插入