html5

最新推荐文章于 2024-11-01 13:37:40 发布
最新推荐文章于 2024-11-01 13:37:40 发布
阅读量358 收藏 7
点赞数 11
文章标签： html5 前端 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/luna_H/article/details/134636823
版权

 1.标签
        - header   ---  头部标签
        - nav        ---  导航标签
        - article ---   内容标签
        - section ---   块级标签
        - aside     ---   侧边栏标签
        - footer   ---   尾部标签

2.属性

autoplay视频就绪后立马播放 

controls视频的播放控件 

loop循环播放 

muted视频静音 

poster下载时显示的图像,值为url

source标签兼容不同视频的格式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- html html5区别 -->
		<!-- HTML5不基于SGML（Standard Generalized Markup Language 标准通用标记语言），
		因此不需要对DTD（DTD 文档类型定义）进行引用，但是需要DOCTYPE来规范浏览器行为。 -->
		<!-- 1.标签
		- header   ---  头部标签
		- nav        ---  导航标签
		- article ---   内容标签
		- section ---   块级标签
		- aside     ---   侧边栏标签
		- footer   ---   尾部标签

		 2.属性
		 -->
		<div>1111111</div>
		<header>
		 	222222222
		</header>
		<!-- autoplay视频就绪后立马播放 -->
		<!-- controls视频的播放控件 -->
		<!-- loop循环播放 -->
		<!-- muted视频静音 -->
		<!-- poster下载时显示的图像,值为url -->
		<!-- source标签兼容不同视频的格式 -->
		<!-- <source src="myvideo.ogv" type="video/ogg"></source>
		<source src="myvideo.webm" type="video/webm"></source> -->
		<!-- <video width="800" height="" autoplay controls loop muted>
			<source src="../../QQ视频20230908084813.mp4" type="video/mp4"></source>
		</video> -->
		<!-- <video width="800" height="" src="../../QQ视频20230908084813.mp4" controls></video> -->
		<audio src="../../11111.mp3" autoplay controls></audio>
	</body>
</html>

77不吃香菜.
关注
HTML5实现拖放
上庸者-不服周
09-30 4102
在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放
【百套源码】HTML5期末大作业 - 各类网页作业源码合集
接受定制，友情互惠，致力于前端的全类型模板，打造通用模板源码，进阶于前后端联合模板，适用于全类型。
06-16 9187
【百套源码】HTML5期末大作业 - 各类网页作业源码合集， HTML作业源码，源码下载，内含博主整理的附带源码的资源合集，包括个人介绍相关源码，企业官网相关源码（商城，服装，农业，公司官网，食品，居家，美容，理发，运动，健身，生鲜，保洁，应用，物流，快递，电子，宠物，教育，培训，家具，花店，婚纱，灯具，鲜花等），游戏相关源码，抽奖相关源码，生日求爱表白相关源码，个人博客空间相关源码等。博主持续更新，希望能给大家带来帮助和提供灵感。
HTML5 标签大全笔记，用到的时候翻一下，百度都省了！
龙叔的博客
08-24 2万+
HTML标签大全，前端方向必备
【HTML5+CSS】美观的button设置
只识闲人不识君博客
04-18 3万+
一、 首先我们要创建一个button按钮，如我们所知，没有经过设置的按钮比较不美观。如图所示 **二、**例子1 如果我们想要将它变得好看一些，就需要对它进行设置。 以华为官网注册的按钮为例： 首先它是红色，当点击会有悬停变色。而且我们需要进行设置宽高，字体颜色，背景颜色。 button{ background-color:#f66f6a; co...
html5-表格练习题
tester92的博客
04-18 6094
纯html编写（仅供参考，并非完美答案）：&lt;!DOCTYPE html&gt;&lt;html&gt;    &lt;head&gt;        &lt;meta charset="UTF-8"&gt;        &lt;title&gt;&lt;/title&gt;    &lt;/head&gt;    &lt;body&gt;        
html5游戏修改,Duang! Html5游戏调试神器全新出炉！- Cocos DevTools
weixin_28694169的博客
06-01 3650
你是否还在为调试Cocos2d-js而痛苦，现在有了Cocos Devtools，它将让你调试HTML5仿佛加了特技一般，带给开发者全新的调试体验。在Cocos Devtools里，你可以像Chrome那样进行检测元素，对于Cocos显示对象进行所见即所得的查找，并高亮显示该元素的边界。如果只有这点特技显然还不够Duang!Duang!打动你的心，那Cocos Devtools还有更多强大实用的功...
HTML5 语义化-详细分析
黑木令之佛性
06-29 8813
废话不多说, 直接上代码以及图例 (为了让大家方便阅读, 都有自己验证过程的一些图片作为分享) 。 一. 什么是 HTML 语义化 1. “语义化”: 指的是机器在需要更少的人类干预的情况下, 能够研究和收集信息; 让网页能够被机器理解, 最终让我们受益 。 2. HTML 标签语义化: 是让大家直观的认识标签(markup)和 属性(attribute)的用途和作用 。 1. 很明显 Hx 系列看起来很像标题, 因为拥有粗体和较大的字号 。 2. <strong>,<em&
HTML5 颜色及透明度
歪脖先生的博客
04-24 9120
颜色及透明度 在Canvas绘图时，可以通过绘制上下文的strokeStyle属性和fillStyle属性来设置图形的描边颜色和填充颜色。默认颜色为不透明的黑色。 strokeStyle属性和fillStyle属性可以被设置为任意有效的CSS颜色字符串，可以使用颜色名称、十六进制RGB颜色、RGB、RGBA、HSL、HSLA颜色中的任意一种。 在使用RGBA或HSLA颜色时，可以
〖大前端 - 基础入门三大核心之 html 篇⑦〗- div标签 与 HTML5特性
易编橙 · 终身成长社群，相遇已是上上签！
03-03 2万+
接下来，我们来学习一下HTML5的几个特性，掌握了这几个特性，会让我们在编写HTML的过程中更加得心应手~
html5 webview对象
xiejunna的博客
11-08 1万+
Webview模块管理应用窗口界面，实现多窗口的逻辑控制管理操作。通过plus.webview可获取应用界面管理对象。 方法： all: 获取所有Webview窗口 close: 关闭Webview窗口 create: 创建新的Webview窗口 currentWebview: 获取当前窗口的WebviewObject对象 getWebv
HTML5图表框架echarts实战项目(50套源码)，大数据平台展示可视化效果
02-09
最近接了个任务需要用H5在前台两个大电视上做两页数据展示公司的产品数据，效果要高大上，还好之前接触过HTML5，所以第一时间想到就是echarts，这个框架对于数据展示尤其图表类处理的还是非常强大和炫酷的。...
程序员给女朋友用HTML5制作的3D相册
04-21
HTML5是一种强大的网页开发技术，它为网页开发者提供了丰富的功能和接口，使得创建交互式、动态和响应式的网站成为可能。在这个"程序员给女朋友用HTML5制作的3D相册"项目中，我们可以看到HTML5如何被巧妙地利用来...
50余款手机页面模版源码html5
11-16
50余款手机页面模版源码html5 1.1【32赞HTM5响应式系列之右侧多级滑动式】仿Slideby触屏版html5响应式手机wap网站模板 2【32赞HTML5响应式系列之订餐模板】微官网美食订餐html5触屏响应式手机wap网站订餐模板 5【32...
纯HTML5拓扑图编辑器源代码
04-07
屌爆的纯HTML5拓扑图编辑器源代码，找了很久终于申请到，运行就是这个效果 http://www.hightopo.com/blog/wp-content/uploads/2014/08/Screen-Shot-2014-08-12-at-8.57.11-PM.png 可参考这篇博客 ...
你真的熟练运用 HTML5 了吗，这10 个酷炫的 H5 特性你会几个？
热门推荐
努力是为了站在万人之中，成为别人的光
07-05 26万+
HTML5不是什么新鲜事。自初始版本（2008 年 1 月）以来，我们一直在使用它的几个功能。我再次仔细查看了 HTML5 功能列表。看看我发现了什么？到目前为止，我还没有真正使用过很多！ 在本文中，我列出了 10 个这样的HTML5功能，这些功能过去我用得不多，但现在发现它们很有用。我还创建了一个工作示例流程并托管在Netlify. 希望你也觉得它有用。让我们开始了解有关它们中的每一个的解释、代码和快速提示。 https://wanghao221.github.io/html-tips-tricks/
【HTML5】html5开篇基础（6）
Easonmax的博客
10-30 862
该标签支持多种视频格式，并提供了一些属性和方法来控制视频的播放。对于autoplay在谷歌中不添加muted是自动播放不了的。标签也支持多种音频格式，并且提供了一些控制音频播放的属性。在学习html5和css3的基础上使我们的前端使用更高级。对于audio中controls和src是最重要的。对于video中controls和src是最重要的。在谷歌中autoplay是禁用的，用不了。在学习html5的基础上更加熟练运用前端。我们通常用MP4，这在所有游览器中通用。学习前端知识，更好的运用它。
一些常用的react hooks以及各自的作用
最新发布
weixin_48602044的博客
11-01 285
关于react hooks的一些知识与应用
做一个能适配「手机」的网站需要注意什么
illidri的博客
11-01 258
像现在主流会采用 H5 响应式布局，仅涉及前端的开发工作，代码量少，效果佳，是一种性价比比较高的选择，如果题主有意要进行网站建站，特别是想要手机浏览也有一定效果，可以选择这种~当然还有一种类似的方式叫自适应布局，俗称 AWD（AdaptiveWebDesign），同样是检测视口分辨率，判断不同尺寸和分辨率是什么设备，从而返回不同布局页面。最根本的区别在于，响应式页面的代码量少，但质量要求高，根据不同分辨率自动调整排版，而自适应页面需要根据不同设备准备不同的页面，这样前期的开发工作就大了很多。
基于Mysql、JavaScript、PHP、ajax开发的MBTI性格测试网站（前端+后端）
2302_79553009的博客
10-29 1443
本项目旨在构建一个基于MBTI（迈尔斯-布里格斯性格分类指标）理论的在线平台——“16Personalities”。该平台利用PHP、MySQL、JavaScript等技术栈开发，旨在帮助用户更好地理解和运用MBTI理论来评估个人性格类型，并应用于职业规划、团队建设和人际交往等多个方面。用户端功能 包括账号注册与登录、在线性格测试、性格类型浏览、团队评估及在线交友等模块。用户可以通过完成性格测试来获得详细的MBTI性格分析，并通过平台提供的功能与其他具有不同性格类型的用户互动。
HTML5Plus移动应用开发详解
"HTML5Plus应用开发指南，移动应用开发，HBUILDER开发文档" HTML5Plus是一种扩展了HTML5标准的规范，旨在增强HTML5在移动应用开发中的功能，弥补其在处理系统能力和设备能力上的不足。这个规范由www.html5plus.org...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值