3-1、HTML5标签变化

最新推荐文章于 2023-02-17 15:32:01 发布
最新推荐文章于 2023-02-17 15:32:01 发布
阅读量122 收藏
点赞数
分类专栏： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30754745/article/details/103755499
版权
HTML5不再基于SGML，因此不需要DTD。新增结构、多媒体、web应用等多个标签，如video、canvas、meter和progress等。这些标签增强了网页的语义性和用户体验，例如video标签支持多媒体播放，canvas用于画布绘制，而progress则用于展示进度状态。
摘要由CSDN通过智能技术生成

3-1、HTML5标签变化

doctype标签必须处于第一行，告诉浏览器使用哪个版本的html解析。

DTD可定义合法的XML文档构建模块，它使用一系列合法的元素来定义文档的结构。
再HTML中，DTD规定了标记语言的规则，这样浏览器才能正确地呈现内容。
HTML5不基于SGML，所以不需要引用DTD。

新增标签

  1. 结构标签
  2. 多媒体标签
  3. web应用标签
  4. 其他标签

在这里插入图片描述

在这里插入图片描述<audio src="xx.mp3" autoplay="autoplay" loop=-1" controls="controls" >此浏览器不支持。</audio>
属性：是否自动播放

最低0.47元/天 解锁文章
鸵鸟大师
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
span标签的鼠标滑入提示_html鼠标悬停提示文字 div a span均适用
weixin_31977649的博客
12-30 5376
扩展阅读学习�?/strong>�?a href="//www.css5.com.cn/html/939.shtml" class="blue">html title标签�?/p>一、超链接A标签悬停显示文字很简单对a标签内加入title属性即可�?/p>内容超链接上鼠标悬停提示文字的设�?/p>以上即对超链接a设置title�?/p>扩展阅读学习：�?a hr...
html中span添加tooltip,Tooltip（提示框）
weixin_39583029的博客
06-17 2190
Tooltip(提示框)使用$.fn.tooltip.defaults重写默认值对象。(译者注：1.3.3版中新增的plugin)当用户将鼠标移动到元素上的时候，将会显示一个消息提示框。提示框的内容可以是页面中任何一个HTML元素或者通过Ajax发送后台请求以获取提示框内容。使用案例创建提示框1. 通过标签创建提示框，给元素添加一个"easyui-tooltip"的类名，无需任何Javascrip...
用HTML写出视频页面
weixin_60364434的博客
04-06 1662
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>好看.
(css)span内容过长省略加提示
最新发布
nyf_unknow的博客
02-17 1507
【代码】(css)span内容过长省略加提示。
html怎样做成视频代码,如何在网页上插入视频(用html制作)
weixin_42097369的博客
05-30 4643
首先下载video。js，百度一下就能找到。这个是下载后的目录。先把要用到的js\css\swf都加载到html页面上。如：<linkhref="video-js/video-js。css"rel="stylesheet"type="text/css"><scriptsrc="video-js/video。js"></script><script&gt...
html5+css3-css动画实例1
11-06
本实例“html5+css3-css动画实例1”着重于利用CSS3的动画特性来创建动态效果，使网页元素更加生动活泼，提升用户体验。 在HTML5中，我们不再依赖Flash等外部插件来实现动画效果，而是通过内联的SVG图形或者新的标签...
html5-wave_HTML5_CSS3源码_
10-02
HTML5和CSS3是现代网页开发的两大核心技术，它们极大地扩展了网页的视觉表现力和交互性。在“html5-wave_HTML5_CSS3源码”这个项目中，开发者利用这两者构建了一种HTML格式的水波反射效果，使得网页元素看起来如同...
image-compare_HTML5_CSS3源码_
10-01
5. **JavaScript/jQuery**：虽然标签没有明确提及JavaScript，但在HTML5和CSS3的实际应用中，通常会结合JavaScript或jQuery来处理用户交互、动态内容和页面逻辑。 6. **文件结构**：根据压缩包中的"srcfans.com"，...
3D-earth-15s_html5_源码
10-04
【标签】"html5"表明了项目的技术栈主要基于HTML5标准，这通常意味着利用了HTML5的新特性，如离线存储、多媒体支持、新的表单控件、Canvas、SVG等。对于这个项目，Canvas是关键。 【压缩包子文件的文件名称列表】：...
css3-animation-menu_HTML5_CSS3源码_
09-30
【标题】"CSS3 Animation Menu" 是一个基于HTML5和CSS3技术实现的动态二级菜单。这个项目展示了如何利用这两种现代Web技术来创建一个交互性强、视觉效果吸引人的导航菜单。 【HTML5】是HTML的最新版本，它引入了...
使用HTML5 details,summary实现，展开，下拉，树的效果
马优晨
01-29 7930
1-展开效果 HTML details class="details-2" open> summary tabindex="-1">a href="javascript:">这是示例a>summary> content>本案例隐藏原生小三角，使用自定义小三角。content>
html 用户列表,用户列表.html
weixin_42404710的博客
06-11 651
用户列表$axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };$axure.utils.getOtherPath = function() { return 'resources/Other.html'; };$axure.utils.getReloadPath...
HTML表格和列表详细
weixin_50564041的博客
09-21 166
·表格内的标签： ·单元格填充、边距：cellpadding ·单元格间距：cellspacing; ·在表格单元格中排列内容：align表示排成一行； ·框架（frame）属性：来控制围绕表格的边框； ·列表： ·嵌套列表： ·定义列表：<dl><dt></dt><dd></dd></dl> <dt>名词</dt>列表项；<dd>描述</dd>对列表项里面的名词进行描述。
html tab标签_HTML简易笔记1
weixin_39703773的博客
12-01 164
超文本标记语言HTML（Hypertext Marked Language）由Tim Berners-Lee在1993年发明，诞生于Tim Berners-Lee发布的HTML Tags这篇文章。HTML最初的目的就是为了让文本在网页上显示的时候有层次有结构，更加清楚，它想让文本有两种表现形式，一种是专门给程序员看的，程序员看到的是满篇都是标记的样子。而另一种是让用户看的，用户看到的是没有标记的样...
audio标签的简单用法
陈广晗
06-30 9074
在 HTML5 中播放音频 <audio src="song.ogg" controls="controls"> </audio> control 属性供添加播放、暂停和音量控件。 <audio> 与 </audio> 之间插入的内容是供不支持 audio 元素的浏览器显示的 <audio src="song.ogg" contro...
HTML初学者--列表的简单制作
吹笛少年的博客
07-12 1787
HTML初学者系列（二） 制作一个简单的列表 首先，列表分为有序列表与无序列表。有序列表始于<ol>标签，每个列表项始于<li>标签。有序列表，顾名思义，各项目间存在顺序关系，列表项使用数字来标记。下面是一个简单的示例。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>有序列表模板</title> <style type=
VUE作用域插槽详解（＜slot＞、v-slot、slot-scope）
热门推荐
Don't disturb me!的博客
08-28 3万+
什么是插槽？ 插槽就是子组件中的提供给父组件使用的一个占位符，用 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的标签。插槽显不显示、怎样显示是由父组件来控制的，而插槽在哪里显示就由子组件来进行控制 如下代码： 在子组件中放一个占位符 在父组件中给这个占位符填充内容： 展示的效果: 现在来看看，如果子组件中没有放插槽，同样的父组件中在子组件中填充内容，会是啥样的： 子组件代码无插槽： 2. 父组件照常填充内容： 3. 展示的效果： 总结：如果

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值