我的编程空间,编程开发者的网络收藏夹
学习永远不晚

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

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

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

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

(1)概念的变化:

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

<header>

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

</ header>

<nav>菜单</ nav>

<article>

<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>标记定义一个内部(会话框)

<embed>标记定义外部的可交互的内容或插件

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

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

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

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

<mark >在

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

<nav>标记定义导航链接

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

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

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

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

<section>标记定义一个区域

<source>标记定义媒体资源

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

<video>

复制代码

代码如下:

<!DOCTYPE html>

<head>

<meta charset = utf-8>

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

<style type =“ text / css” rel =“ stylesheet”>

标头,导航,文章,页脚{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>

<script type =“ text / javascript”>

document.createElement('article');

document.createElement('nav');

document.createElement('header');

</ script>

</ head>

<body>

<header>

<article>

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

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

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

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

</ article>

<footer>

<address>地址</ address>

</ footer>

</ body>

</ html>

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

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

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

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

HTML标签语义化的示例分析

小编给大家分享一下HTML标签语义化的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!结构化一个页面比作房子,那HTML就是钢筋混凝土的墙,房盖房梁一样的架
2023-06-08

小程序标签与HTML标签有什么区别

本篇文章为大家展示了小程序标签与HTML标签有什么区别,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。html有什么特点1、简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便,适合初学前端
2023-06-06

html中p标签和h标签的区别

html 中 p 标签用于创建段落,而 h 标签用于创建标题。p 标签的语法为 ,而 h 标签的语法为 (n 为标题级别)。p 标签显示为缩进的文本,h 标签显示为较大、更粗的文本。此外,h 标签有不同的级别(1 到 6),可以创建目录结
html中p标签和h标签的区别
2024-04-27

编程热搜

目录