菜鸟web笔记

最新推荐文章于 2024-10-17 18:27:08 发布
最新推荐文章于 2024-10-17 18:27:08 发布
阅读量44 收藏
点赞数
文章标签： 前端 javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MOOO___/article/details/129146471
版权
本文介绍了HTML5的新特性，包括语义化的元素如<header>、<nav>等，以及新增的视频和音频标签，还提到了表单元素的增强和新的输入类型。此外，还讨论了autoplay,loop,controls等属性在多媒体元素中的应用。
摘要由CSDN通过智能技术生成

<!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>Document</title>

</head>

<body>

    <!--

        HTML5新特性

            ①语义化的元素

            ②新增的表单元素，新属性

            ③canvas元素

            ④媒体相关 音频 视频

            ⑤本地定位

            ⑥本地储存

     -->

     <!--

        新增的语义化元素

            ①header定义整个文档中或一个节段的头部（导航）

            ②nav定义导航链接部分（主导航，侧边栏导航，页内导航，菜单，面包屑导航，分页，目录和索引）

            ③footer定义文档的底部或页脚区域

            ④article表示文档或网页中的独立结构，可以包含多个section

            ⑤section定义文档中的节

            ⑥aside侧边栏，标注栏，广告


 

      -->

      <!--

            ①figure相对独立的内容快：图表，代码块，图片

            ②figcaption定义figure的标题

            ③mark带有标记的文本，页面中突出显示，高亮的部分，吸引用户注意

            ④datetime属性：日期和时间

       -->

       <!--

        js创建的html5标签

        -->

        <!--

            视频标签

                <video src=""></video>

                视频格式：mp4，webm，ogg

                常用属性

                    src：视频文件的路径

                    controls：视频播放控件

                    loop：循环播放

                    width，height设置视频的宽高属性

                    autoplay：自动播放，必须在静音后才能播放

                    muted：静音

                    poster：预览图片，视频在加载中使用的图片封面

         -->

         <!--

            音频标签

                <audio src=""></audio>

                音频格式：mp3，wav，ogg

                常用属性

                    src：音频文件的路径

                    controls：音频控件

                    loop：循环播放

                    muted：静音

          -->

        <!--

            媒介标签

                source

         -->

         <!--

            <input type="url" name="userURL">

            包括完整的传输协议以及路径，在提交表单时，自定验证URL值

            <input type="email" placeholder="邮箱">

            验证邮箱

            <input type="tel" paceholder="电话号码" name="box">

            用于电话号码的输入框，一般用于触屏的网页，在电脑中无效，在触屏网页中会直接调用虚拟电话数字键盘

            <input type="number" max="" min="" step="" value="">

            max最大值

            min最小值

            step步长，默认1

            <input type="color" value="#ffff">

            <input type="text" placeholder="提示信息" name="111">

          -->

          <!--

            autocomplete设置表单是否启用自动填充功能  on/off

            autofocus 页面加载时自动获取焦点，一个表单只能有一个

            required 提交表单不能为空，如果要生效，不能加value值

            pattern 验证输入的内容----正则表达式

            multiple 可以选择多个文件，用于上传文件，用ctrl多选

           -->

</body>

</html>

MOOO___
关注
Python 菜鸟入门笔记
helloworldsyf的博客
03-25 209
Python 的介绍 Python是一种跨平台的计算机程序设计语言。 是一个高层次的结合了解释性、编译性、互动性和面向对象的脚本语言。 python学习网站 Python 语法结构 基本类型 类型 创建 对象 说明 数组 A=[1,2,3,4] 1. 切片方法 A[:-1]为[1,2,3]，A[-1]为[4]2. 数组内循环 a=[k[i] for i in range(4)] 字典(元组) dict = {‘Alice’: ‘2341’, ‘Beth’: ‘9102’
菜鸟做web案例笔记
qq_37756473的博客
12-01 145
配置jdk maven 第二个地址是我自己改的 不想存在C盘上 ，一般默认也可以 新建目录 创建目录结构
python-note 菜鸟学习笔记.zip
02-21
"python-note 菜鸟学习笔记"可能包含了关于Python编程的基础概念，例如变量、数据类型（如整型、浮点型、字符串、布尔型）、流程控制（条件语句if-else、循环for、while）、函数定义和调用、模块导入等。 在Python...
Javascript基础学习笔记(菜鸟必看篇)
12-04
JavaScript是Web开发中不可或缺的一部分，尤其对于初学者来说，理解其基础知识至关重要。本文将深入探讨JavaScript的基础，包括变量、语句、数据类型以及函数的使用。 首先，让我们谈谈变量。在JavaScript中，变量...
我的本科毕业设计,一个简洁的web笔记.zip
10-05
【标题】"我的本科毕业设计,一个简洁的Web笔记应用" 这个本科毕业设计项目的核心是一个简洁的Web笔记应用，旨在提供一个用户友好的在线平台，让人们可以方便地创建、存储和管理他们的笔记。Web应用程序是现代信息...
gold菜鸟云计算资源-AWS笔记
06-07
- 部署多层Web应用程序，如前端、应用层和数据库层分别部署在不同的子网中。 - 实现跨区域或跨账户的VPC间通信。 通过以上详细介绍，我们了解了AWS中几种核心的服务及其应用场景，包括弹性负载均衡器ELB、云资源...
前端 js 处理一个数组 展示成层级下拉样式
lzfengquan的博客
10-17 80
前端开发中，不管是什么时候都会遇到select 下拉框的使用，一般情况下，数据处理后端都会处理好。前端一般使用相应技术栈所推荐的公共组件就可以了。前端处理的前提是要确定那个是父级元素，那个是子级元素，这样才能更好的处理数据。这个时候前端要写个方法去处理这个数组了。这个数组后端是会给的。
004-按照指定功能模块名称分组
xiaogang1226的博客
10-16 245
需要把一个功能模块的几个功能点放在同一个文档目录下，这几个功能点分布在不同的 Controller。需要把他们单独分组，方便前端对接。在@ApiOperation 里面增加属性 tags 赋值。
前端地图数据开发
shuxiaoxii的博客
10-13 309
基于Turf.js教你快速实现地理围栏的合并拆分。turf js 地理空间分析库，处理各种地图算法。如何拆分一个乡镇或区的地图。获取市级的行政区域划分。直接导入地图的json。高德地图查看市级区域。js实现地图区域合并。
Vue3动态组件component不生效问题解决方法
Java_fenxiang的博客
10-14 766
问题：vue3循环渲染动态组件component不生效，页面空白在vue3使用component动态组件展示组件时，组件就是不展示显示空白。在vue2中使用动态变量component展示组件都是没问题。试了很多方法 踩了很多坑，所以记录下：登录后复制 <div class="preview-list" id="c...
Element-plus el-form、el-dialog 数据回显同时用时，重置失效问题
Mr. Zhang Xiaojian's Blog
10-12 540
当第一次打开网页并点击“编辑”按钮时，虽然对话框变量变为 true 使对话框可见，但同步代码会将 formData 对象的属性设置为默认值。由于 Vue 的异步更新机制，DOM 实际上还未更新，因此表单组件内绑定了这些有值的初始数据。这样，在后续调用 resetFields 方法时，表单将会重置为这些默认值而不是空值。编辑时表单的初始值被设置成了回显的数据，而不是空字符串。时，表单会回到上次设置的初始值，即回显的数据。
基于monaco-editor的web日志组件
暗影刀客的博客
10-12 311
一个基于monaco-editor的web日志组件，支持灵活的扩展配置，支持vue和react
如何查看GB28181流媒体平台LiveGBS中对GB28181实时视频数据统计的负载信息
10-12 512
@目录1、负载信息2、负载信息说明3、会话列表查看3.1、会话列表4、停止会话5、搭建GB28181视频直播平台1、负载信息 实时展示直播、回放、播放、录像、H265、级联等使用数目 2、负载信息说明 直播：当前推流到平台的实时视频数目 回放：当前推流到平台的回放视频数目 播放：当前观看直播和回放的在线人数之和 录像：当前正在云端录像的通道数目 H265：当前推流到平台的视频中编码为H265...
JavaScript前端开发技术
Chujun123528的博客
10-12 1021
JavaScript前端开发是一个充满挑战和机遇的领域。随着技术的不断进步和用户需求的变化，前端开发者需要不断学习新知识、掌握新技能，以应对日益复杂和多样化的开发需求。同时，注重性能优化和安全实践也是前端开发不可或缺的一部分。通过不断探索和创新，我们可以为用户创造更加优质、高效和安全的Web体验。在JavaScript前端开发的学习过程中，建议从基础语法入手，逐步掌握DOM操作、事件处理、Ajax通信等核心技能。同时，关注最新的前端框架和库的发展动态，尝试将它们应用到实际项目中。
纯前端如何实现批量下载功能呢?
tan_xiao_tan的博客
10-14 307
**需求:***在不依赖后端的情况下,前端需要独立实现批量下载,且下载的文件需统一放在一个文件夹中并压缩。html2canvas可以实现截图功能。FileSaver 保存文件到本地。JsPDF 可以将文件生成pdf。JSZip 可以压缩文件。
08_实现 reactive
最新发布
qq_53109172的博客
10-17 788
本章主要实现了 reactive 对 Object 和 Array 的数据代理
JavaScript函数
学无止境
10-14 696
和变量类似，函数必须先定义然后才能使用。使用 `function` 关键字定义函数。> function：函数、功能。
WebGl 如何给页面绑定点击事件
dlmyrt的博客
10-14 333
在WebGL中给页面绑定点击事件，可以通过为WebGL的绘图上下文所在的元素添加事件监听器来实现点击事件的处理。
springboot 与redis笔记菜鸟
09-18
对于菜鸟来说，Spring Boot 是一个非常友好的框架，它不需要太多的配置，只需一些基本的注解和依赖就可以快速构建一个 Web 应用。 Redis 是一个高性能的键值存储系统，它支持多种数据结构和丰富的功能，可以在内存...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值