HTML5标签与HTML标签的区别示例分析

发布时间：2022-03-09 10:58:13 作者：iii
来源：亿速云阅读：154

这篇“HTML5标签与HTML标签的区别示例分析”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“HTML5标签与HTML标签的区别示例分析”文章吧。

（1）概念的变化：

HTML5专注内容与结构，而不专注的表现

<hgroup>导航相关数据</ hgroup>

</ header>

<h2>标题：HTML5专题视频教程</ h2>

（2）声明与标签：

HTML5在更多的声明和标签上进行了简化，也对兼容做了详细的规定，废除了部分元素，增加了部分元素

HTML5标签语法介绍及添加标记

1，语法标签：

（1）补充写的结束符的标签：区域，basebr，col，command，Embed，hr，img，input，keygen，link，meta，param，source，Track ，wbr

（2）可以省略结尾符的标签：li，dt，dd，p，rt，optgroup，option，Colgroup，thread，tbody，tr，td，th

（3）可以完全省略的标签：html，head， body，colgroup，tbody

2，添加标签：

<article>标记定义文章

<aside>标记定义页面内容部分的侧边栏

<audio>标记定义音频内容

<canvas>标记定义图片

<command>标记定义一个命令按钮

<datalist>标记定义一个拖动列表

<details>标记定义一个元素的详细内容

<dialog>标记定义一个内部（会话框）

<figure>标记定义的一组媒体内容以及它们的标题<footer >标记定义一个页面或一个区域的底部

<header>标记定义一个页面或一个区域的头部

<hgroup>标记定义文件中一个区块的相关信息

<keygen>标记定义表单里一个生成的键值

<mark >在

预定义范围内的标记定义有标记的文本<meter>

<nav>标记定义导航链接

<输出>标记定义一些输出类型

<progress>标记定义任务的过程

<rp>标记是用在Rubyannotations告诉那些不支持Ruby元素的浏览器如何去显示

<rt>标记定义对rubyannotations的解释

<section>标记定义一个区域

<source>标记定义媒体资源

<time>标记定义一个日期/时间

<video>

复制代码

代码如下：

<！DOCTYPE html>

<head>

<title> PHP100中文网HTML5专题</ title>

标头，导航，文章，页脚{border：solid 1px＃666; padding：5px}

标头{width：500px}

导航{float：left; width：60px; height：200px}

文章{float：left; width：428px; height：200px}

页脚{clear： both; width：500px}

</ style>

document.createElement（'article'）;

document.createElement（'nav'）;

document.createElement（'header'）;

</ script>

</ head>

<body>

<h2> HTML5主题视频教程</ h2>

发布日期：<时间> 09:00 </ time>

<时间datetime =“ 2013-2-10”>春节</ time>

<p>测试相关内容</ p>

</ article>

</ footer>

</ body>

</ html>

以上就是关于“HTML5标签与HTML标签的区别示例分析”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注亿速云行业资讯频道。

HTML5标签与HTML标签的区别示例分析

相关阅读