Html5在线运行

<!DOCTYPE html>
<html>
<head>
<title>HTML5在线运行</title>
<style>
div
{
width:100px;
height:75px;
background-color:red;
border:1px solid black;
}
#div2
{
transform:rotate(30deg);
-ms-transform:rotate(30deg); /* IE 9 */
-moz-transform:rotate(30deg); /* Firefox */
-webkit-transform:rotate(30deg); /* Safari and Chrome */
-o-transform:rotate(30deg); /* Opera */
background-color:yellow;
}
</style>
</head>
<body>
<div>Hello, World!</div>
<div id="div2">Hello, CSS3!</div>
</body>
</html>
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

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