当前位置： 首页 > news >正文

【07】进阶html5

news 2026/4/15 0:16:28

HTML5 包含两个部分的更新，分别是文档和web api

文档

HTML5 元素表

元素语义化

元素语义化是指每个 HTML 元素都代表着某种含义，在开发中应该根据元素含义选择元素

元素语义化的好处：

  1. 利于 SEO（搜索引擎优化）
  2. 利于无障碍访问
  3. 利于浏览器的插件分析网页

新增元素

多媒体

可以使用audio元素表达一个音频

可以使用video元素表达一个视频

它们均具有以下属性

属性名含义类型
src多媒体的文件路径普通属性
controls是否显示播放控件布尔属性
autoplay是否自动播放布尔属性
loop是否循环播放布尔属性
muted静音播放布尔属性

新版浏览器不允许「带声音的自动播放」，可能将来甚至不允许自动播放

浏览器希望播放行为由用户决定

文章结构

为了让搜索引擎和浏览器更好的理解文档内容，HTML5 新增了多个元素来表达内容的含义。

下面的示例中，使用了 HTML5 的新增元素来表达一篇文章

<!-- article：一篇文章 -->
<article><!-- header：文章头部信息 --><header><h1>文章标题</h1><!-- blockquote：引用信息 --><blockquote>此文章引用的文献：xxxx</blockquote></header><!-- aside: 文章的其他附加信息 --><aside><span>作者：xxxx</span><span>发布日期：xxx</span><span>浏览量：xxx</span></aside><!-- section：章节 --><section><h2>章节1</h2><p>段落1</p><p>段落2

相关文章：

【07】进阶html5

HTML5 包含两个部分的更新，分别是文档和web api 文档 HTML5 元素表 元素语义化 元素语义化是指每个 HTML 元素都代表着某种含义，在开发中应该根据元素含义选择元素 元素语义化的好处： 利于 SEO（搜索引擎优化）利于无障碍访问利于浏览器的插件分析网页新增元素 多媒体…...

编程日记 2024/3/22 1:10:18

Linux|centos7|postgresql数据库|yum和编译方式安装总结（全系版本）

一、 yum方式安装postgresql 这个是官方的yum源&#xff0c;包括postgresql的开发包&#xff0c;lib库什么的&#xff0c;很齐全&#xff0c;关键是包括pgbackrest yum install -y https://download.postgresql.org/pub/repos/yum/reporpms/EL-7-x86_64/pgdg-redhat-repo-la…...

编程日记 2024/3/22 1:09:17

C++提高笔记（五）---STL容器（set/multiset、map/multimap）

1、set / multiset容器 1.1set基本概念 简介&#xff1a;所有元素都会在插入时自动被排序 本质&#xff1a;set和multiset属于关联式容器&#xff0c;底层结构是用二叉树实现 set和multiset区别&#xff1a; set不允许容器中有重复的元素 multiset允许容器中有重复的元素 …...

编程日记 2024/3/22 1:08:16

详解main函数参数argc、argv及如何传参

目录 1、main()函数参数 2、main函数如何传参 2.1 环境准备 2.2 通过 Powershell 窗口传参 2.3 通过vs界面传参 3、int main() 和 int main(int argc, char *argv[]) 特点 1、main()函数参数 在C语言中&#xff0c;main函数可以带参数。main函数的原型通常为以下两种形式…...

编程日记 2024/3/22 1:06:14

解释什么是Web组件化开发及其优势

解释什么是Web组件化开发及其优势 Web组件化开发&#xff0c;是一种将Web应用的界面和功能拆分为独立、可复用的组件的开发方法。这种方法的核心思想是将大型、复杂的Web应用拆分为一系列小型、功能单一的组件&#xff0c;每个组件都负责处理特定的业务逻辑或界面表现。通过组…...

编程日记 2024/3/22 1:05:13

那些场景需要额外注意线程安全问题

主要学习那些场景需要额外注意线程安全问题&#xff0c;在这里总结了四中场景。 访问共享变量或资源 第一种场景是访问共享变量或共享资源的时候&#xff0c;典型的场景有访问共享对象的属性&#xff0c;访问static静态变量&#xff0c;访问共享的缓存&#xff0c;等等。因为…...

编程日记 2024/3/22 1:02:10

（C语言）球球大作战

前言&#xff1a; 这款简易版的球球大作战是一款单人游戏&#xff0c;玩家需要控制一个小球在地图上移动&#xff0c;吞噬其他小球来增大自己的体积。本游戏使用C语言和easyx图形库编写&#xff0c;旨在帮助初学者了解游戏开发的基本概念和技巧。 在开始编写代码之前&#xf…...

编程日记 2024/3/22 1:00:07

高级数据结构 ＜AVL树＞

本文已收录至《数据结构(C/C语言)》专栏&#xff01; 作者&#xff1a;ARMCSKGT 目录 前言正文AVL树的性质AVL树的定义AVL树的插入函数左单旋右单旋右左双旋左右双旋 检验AVL树的合法性关于AVL树 最后 前言 前面我们学习了二叉树&#xff0c;普通的二叉树没有任何特殊性质&…...

编程日记 2024/3/22 0:59:03

在springboot中利用Redis实现延迟队列

文章目录 前言一、基本思路二、springboot实现案例三、测试总结 前言 在开发过程中&#xff0c;有很多场景都需要用到延迟队列来解决。目前支持延迟队列的中间件也不少&#xff0c;特别是基于JMS模式下的消息中间件基本上都支持延迟队列。但是有时我们项目规模可能比较小&…...

编程日记 2024/3/22 0:58:02

UpGrow评论：AI能将我的Instagram粉丝数增加10倍吗？

UpGrow Review: Can AI Grow My Instagram Followers 10X? 概述 UpGrow是一款专注于Instagram增长的AI驱动型社交媒体工具。它通过其庞大的300多人的网络&#xff0c;先进的定位功能&#xff0c;实时分析以及卓越的客户服务&#xff0c;帮助用户有机地增长Instagram关注者。…...

编程日记 2024/3/22 0:53:59

申请软著提交的演示视频有什么要求

申请软件著作权时&#xff0c;演示视频是一个重要的材料&#xff0c;主要用于展示软件的功能和操作流程。演示视频的要求可能会根据不同的申请机构和项目有所不同&#xff0c;但一般来说&#xff0c;以下是几个常见的要求&#xff1a; 内容完整性&#xff1a;演示视频需要展示…...

编程日记 2024/3/22 0:45:52

mac【启动elasticsearch报错：can not run elasticsearch as root

mac【启动elasticsearch报错&#xff1a;can not run elasticsearch as root 问题原因 es默认不能用root用户启动&#xff0c;生产环境建议为elasticsearch创建用户。 解决方案 为elaticsearch创建用户并赋予相应权限。 尝试了以下命令创建用户&#xff0c;adduser esh 和u…...

编程日记 2024/3/22 0:43:50

面试算法-65-二叉树的层平均值

题目 给定一个非空二叉树的根节点 root , 以数组的形式返回每一层节点的平均值。与实际答案相差 10-5 以内的答案可以被接受。 示例 1&#xff1a; 输入&#xff1a;root [3,9,20,null,null,15,7] 输出&#xff1a;[3.00000,14.50000,11.00000] 解释&#xff1a;第 0 层的…...

编程日记 2024/3/22 0:42:48

Linux: boot: latency启动延迟分析

https://elinux.org/images/6/64/Chris-simmonds-boot-time-elce-2017_0.pdf https://www.hcltech.com/sites/default/files/documents/resources/whitepaper/files/an_insight_to_optimize_embedded_linux_boot_time_performance.pdf 无意看到这个启动延迟分析&#xff0c;虽…...

编程日记 2024/3/22 0:40:46

QT界面制作

#include "widget.h" #include "ui_widget.h"Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget) {ui->setupUi(this);this->setWindowFlag(Qt::FramelessWindowHint);//接收动图QMovie *mv new QMovie(":/pictrue/th.gif…...

编程日记 2024/3/22 0:34:41

进阶二叉树

目录 二叉树 二叉搜索树 二叉搜索树的定义 二叉搜索树的操作 哈夫曼树 哈夫曼树的定义 哈夫曼树的构造 哈夫曼树的性质 平衡二叉树 平衡二叉树的定义&#xff1a; 平衡二叉树的插入调整 1.LL插入/LL旋转 2.RR插入/RR旋转 3.LR插入/LR旋转 4.RL插入/RL旋转 二叉树…...

编程日记 2024/3/22 0:29:37

无人机拦截

配置yolo CUDA报错 nvcc fatal : Unsupported gpu architecture compute_30.&#xff08;1&#xff09;查看显卡匹配型号&#xff1a;https://blog.csdn.net/u013308762/article/details/121658823 &#xff08;2&#xff09;查看显卡&#xff1a;nvidia-smi -a 》NVIDIA GeF…...

编程日记 2024/3/22 0:26:35

CSDN 编辑器设置图片缩放和居中

CSDN 编辑器设置图片缩放和居中 文章目录 CSDN 编辑器设置图片缩放和居中对齐方式比例缩放 对齐方式 Markdown 编辑器插入图片的代码格式为 ![图片描述](图片路径)CSDN 的 Markdown 编辑器中插入图片&#xff0c;默认都是左对齐&#xff0c;需要设置居中对齐的话&#xff0c;…...

编程日记 2024/3/22 0:25:34

有哪些工具可以替代Gitbook？这篇文章告诉你

你是否曾经在搜索在线文档创建和共享工具时&#xff0c;遇到了Gitbook? Gitbook 是一个相当出色的工具&#xff0c;具有强大的编辑和发布功能&#xff0c;但也有其不足之处&#xff0c;如使用起来有一定的技术要求&#xff0c;入门门槛较高等。如果你正在寻找Gitbook的替代品&…...

编程日记 2024/3/22 0:21:31

小迪安全43WEB 攻防-通用漏洞任意文件下载删除重装敏感读取黑白审计

#知识点&#xff1a; 1、文件操作类安全问题 2、文件下载&删除&读取 3、白盒&黑盒&探针分析 #详细点&#xff1a; 文件读取&#xff1a;基本和文件下载利用类似 文件下载&#xff1a;利用下载获取源码或数据库配置文件及系统敏感文件为后续出思路 …...

编程日记 2024/3/22 0:20:29

从婴儿学步到AI进化：具身智能如何模仿人类学习过程？

从婴儿学步到AI进化&#xff1a;具身智能如何模仿人类学习过程&#xff1f; 在东京大学的一个实验室里&#xff0c;一台人形机器人正尝试用机械手指捏起桌上的积木。它失败了37次&#xff0c;却在第38次成功时将动作数据上传至云端——这个场景像极了人类婴儿第一次成功抓取玩具…...

编程新知 2026/4/14 23:11:40

仅剩72小时窗口期！HuggingFace即将下线v4.42前向兼容接口，多模态模型加速部署必须赶在Transformer 4.43发布前完成这5项关键迁移

第一章&#xff1a;多模态大模型推理加速技术对比 2026奇点智能技术大会(https://ml-summit.org) 多模态大模型&#xff08;如LLaVA、Qwen-VL、Fuyu-8B&#xff09;在视觉-语言联合推理中面临显著的计算瓶颈&#xff0c;尤其在高分辨率图像输入与长上下文生成场景下&#xff0…...

编程新知 2026/4/14 22:36:05

LaTeX公式转换Word终极方案：3步实现高效学术写作

LaTeX公式转换Word终极方案&#xff1a;3步实现高效学术写作 【免费下载链接】LaTeX2Word-Equation Copy LaTeX Equations as Word Equations, a Chrome Extension 项目地址: https://gitcode.com/gh_mirrors/la/LaTeX2Word-Equation LaTeX2Word-Equation是一款专为学术…...

编程新知 2026/4/14 22:30:04

【工具推荐】EVCapture 电脑录屏软件，无水印超省心

【工具推荐】EVCapture - 免费好用的电脑录屏软件 一、工具简介 EVCapture 是一款免费无水印的电脑屏幕录制软件&#xff0c;支持Windows系统。它可以录制电脑屏幕、摄像头、声音&#xff0c;是一款实用的录屏工具。 官方信息项目信息软件名称EVCapture版本v5.4.5类型屏幕录制软…...

编程新知 2026/4/14 22:26:01

知网AIGC检测没过？二次处理前必须知道的4件事

知网AIGC检测没过&#xff0c;拿到检测报告&#xff0c;下一步怎么处理&#xff1f;这篇文章写一下失败后的二次处理流程&#xff0c;让再次提交时有更高的通过概率。 首先&#xff1a;理解失败的原因 知网AIGC检测失败&#xff0c;通常有以下几种情况&#xff1a; 情况一&am…...

编程新知 2026/4/14 22:11:50

GridDB集群管理实战：构建高可用分布式数据库架构

GridDB集群管理实战&#xff1a;构建高可用分布式数据库架构 【免费下载链接】griddb GridDB is a next-generation open source database that makes time series IoT and big data fast,and easy. 项目地址: https://gitcode.com/gh_mirrors/gr/griddb GridDB是下一代…...

编程新知 2026/4/14 21:37:36

高通QCM8550传感器驱动移植与调试实战指南

1. 高通QCM8550传感器驱动移植概述 第一次接触高通QCM8550平台的传感器驱动移植时&#xff0c;我被它独特的SEE&#xff08;Sensors Execution Environment&#xff09;架构搞得一头雾水。这个平台把传感器数据处理从Android系统剥离出来&#xff0c;放在独立的ADSP&#xff08…...

编程新知 2026/4/14 21:18:48

基于PointNet++的3D点云分割与体积计算实战指南

1. 为什么选择PointNet处理3D点云 在计算机视觉领域&#xff0c;3D点云处理一直是个棘手的问题。传统的卷积神经网络&#xff08;CNN&#xff09;擅长处理规则网格数据&#xff08;比如2D图像&#xff09;&#xff0c;但面对无序、稀疏的点云数据时就显得力不从心。我最早接触这…...

编程新知 2026/4/14 19:51:27

RTX4090D专属镜像体验：Qwen-Image让多模态AI部署变简单

RTX4090D专属镜像体验&#xff1a;Qwen-Image让多模态AI部署变简单 1. 引言 在视觉语言模型&#xff08;VLM&#xff09;快速发展的当下&#xff0c;如何高效部署多模态AI模型成为开发者面临的首要挑战。传统部署方式往往需要耗费大量时间在环境配置、依赖安装和性能调优上&a…...

编程新知 2026/4/14 17:12:15

企业级Windows日志监控架构设计：构建高可用分布式日志系统

企业级Windows日志监控架构设计&#xff1a;构建高可用分布式日志系统 【免费下载链接】visualsyslog Syslog Server for Windows with a graphical user interface 项目地址: https://gitcode.com/gh_mirrors/vi/visualsyslog 在当今复杂的IT环境中&#xff0c;企业级日…...

编程新知 2026/4/14 16:24:41