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

【07】进阶html5

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(搜索引擎优化)利于无障碍访问利于浏览器的插件分析网页新增元素 多媒体…...

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…...

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

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

详解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函数的原型通常为以下两种形式…...

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

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

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

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

(C语言)球球大作战

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

高级数据结构 <AVL树>

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

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

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

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

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

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

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

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…...

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

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

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;虽…...

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…...

进阶二叉树

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

无人机拦截

配置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…...

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

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

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

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

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

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

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

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

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

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

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是一款专为学术…...

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

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

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

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

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是下一代…...

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

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

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

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

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

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

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

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