html5 基础知识总结

article/2025/10/14 4:02:44

W3C的建立

伯纳斯李1994年建立万维网联盟(W3C)

W3C的出现为了制订网页开发的标准,以使同一个网页在不同的浏览器中有相同的效果。

所以,我们需要制订我们编写的网页都需要遵循W3C的规范!

网页的结构思想

根据W3C标准,一个网页主要由三部分组成:结构、表现还有行为。

image-20210513001146250

结构、表现、行为

  • 结构(骨架):HTML用于描述页面的结构
  • 表现(皮肤):CSS用于控制页面中元素的样式
  • 行为(交互):JavaScript用于响应用户操作

 nsyjg-dwl0d

文档声明(doctype)

文档声明用来告诉浏览器当前网页的版本

<!-- html5的文档声明 -->
<!doctype html>
<!-- 或者 -->
<!Doctype HTML>

布局标签
结构化语义标签

header表示网页的头部(页眉)
main表示网页的主体部分(一个页面中只会有一个main)
footer表示网页的底部(页脚)
nav表示网页中的导航
aside和主体相关的其他内容(侧边栏)
article表示一个独立的文章
section表示一个独立的区块,上边的标签都不能表示时使用section

HTML5 语义元素

音视频
音频
audio标签用来向页面中引入一个外部的音频文件

音视频文件引入时,默认情况下不允许用户自己控制播放停止

属性:

controls是否允许用户控制播放
autoplay音频文件是否自动播放
如果设置了autoplay,则音乐在打开页面时会自动播放
但是目前来讲大部分浏览器都不会自动对音乐进行播放
loop音乐是否循环播放
<audio src="./source/audio.mp3" controls autoplay loop></audio>
 

source

除了通过src属性来指定外部文件的路径以外,还可以通过<source>元素来指定文件的路径

<audio controls autoplay loop>对不起,您的浏览器不支持播放音频!请升级浏览器!<source src="./source/audio.mp3"><source src="./source/audio.ogg">
</audio>

IE11下,能够正常播放

IE8下,出现我们自定义的提示信息

image-20210516005054543

embed

IE8下不支持audio元素,但是可以使用 <embed> 元素在文档中的指定位置嵌入外部内容。

这个内容是由外部应用程序或其他互动内容的来源提供的,如浏览器插件。

<embed src="./source/audio.mp3">
image-20210516005207428


http://chatgpt.dhexx.cn/article/tDBH1RT6.shtml

相关文章

HTML5基础知识汇总

HTML是Hypertext Markup Language的缩写&#xff0c;中文翻译为&#xff1a;超文本标记语言 HTML文档结构和基本语法 HTML5基本语法 扩展名.html/.htm内容类型(ContentType):text/html文档类型:<!DOCTYPE html> 字符编码 HTML4: <meta http-equiv"Content-Typ…

HTML5基础知识(全面)

1. 熟记各大主流浏览器内核版本面试常问哦 浏览器名称内核opera欧朋最初是自己的Presto内核&#xff0c;后谷歌Webkit 到BlinkFirefox火狐Gecko内核俗称Firefox内核Chrome谷歌统称为Chromium或Blink内核Safari苹果Webkit不受IE、Firefox内核约束IE浏览器Trident内核360浏览器I…

HTML5 基础知识总结(全)

文章目录 1.文档类型2.字符集3.标签< h1 >到< h6 >4.文本格式化标签&#xff08;熟记&#xff09;5.标签属性6.图像标签img7.链接标签8.锚点定位9. base标签10.特殊字符11.注释标签12.相对路径13.div span标签14.无序列表ul15.有序列表ol16.自定义列表17.font标签1…

HTML5基础知识

目录 一、初识HTML 二、网页基本标签⭐ 2.1标题标签 2.3换行标签 2.4水平线标签 2.5字体样式标签 2.6注释和特殊符号 三、图像&#xff0c;超链接&#xff0c;网页布局 3.1图像标签 3.2链接标签 3.3块元素和行内元素 四、列表&#xff0c;表格&#xff0c;媒体…

lle算法c 语言,LLE(Locally Linear Embedding)算法

Core idea LLE is inherently a non-linear dimensionality reduction strategy 即局部线性嵌入算法。该算法是针对非线性信号特征矢量维数的优化方法&#xff0c;这种维数优化并不是仅仅在数量上简单的约简&#xff0c;而是在保持原始数据性质不变的情况下&#xff0c;将高维空…

(流形降维)局部线性嵌入 - LLE

文章目录 一&#xff0c;流形学习概述二&#xff0c;如何使用LLE进行数据降维1.参数说明2.官网示例 三&#xff0c;实例说明1.PCA与LLE降维的区别2.每个点的邻居数量对降维结果的影响 四&#xff0c;LLE总结 一&#xff0c;流形学习概述 更多关于LLE原理 参考&#xff1a;局部…

机器学习(二)降维(PCA,kPCA,LLE)

写在前面 这是一个新的板块&#xff0c;用于记录作者机器学习的学习历程&#xff0c;同时分享自己的学习笔记给大家&#xff0c;希望这份笔记能帮助大家&#xff0c;同时也欢迎大家一起学习交流指正&#xff0c;我会尽量做到周更。如果有用的话请记得关注点赞收藏&#xff01;&…

数据分析-降维-PCA-LDA-LLE

目录 前言 矩阵分解法 主成分分析&#xff08;PCA&#xff09; 核PCA 非负矩阵分解&#xff08;NMF&#xff09; FactorAnalysis 独立主成分分析&#xff08;ICA&#xff09; 判别分析法&#xff08;LDA&#xff09; 基于流形学习的数据降维方法 LLE MDS MDS实现 t…

对人脸数据集,采用PCA,KPCA,MDS,LLE,ISOMAPE五种方式降维 ---模式识别课程设计

对人脸数据集“Labeled Faces in the Wild”&#xff1a;sklearn.datasets.fetch_lfw_people&#xff0c;下载地址aka LFW:http://vis-www.cs.umass.edu/lfw/lfw-funneled.tgz&#xff0c; 采用PCA,KPCA,MDS,LLE,ISOMAPE五种方式降维&#xff0c;比较基于SVM或决策树等分类器的…

LLE算法实现与sklearn实现

在pyhton的机器学习库sklearn中&#xff0c;LLE等降维算法可以直接调用&#xff0c;在本次大作业中&#xff0c;根据LLE的推导过程编写算法实现了LLE&#xff0c;与mainfold自带的LLE进行对比。由于后面的实验中都是直接调用LocallyLinearEmbedding&#xff0c;所以用大量篇幅介…

一句话总结LLE(流形学习)

一句话总结LLE&#xff08;流形学习&#xff09; 核心&#xff1a;用一个样本点的邻居的线性组合近似重构这个样本&#xff0c;将样本投影到低维空间中后依然保持这种线性组合关系。 局部线性嵌入&#xff08;简称LLE&#xff09;将高维数据投影到低维空间中&#xff0c;并保持…

流行学习一LLE_机器学习

前言&#xff1a; 流行学习主要用于聚类&#xff0c;分类和回归算法,例如人脸识别&#xff08;旋转不变性&#xff0c;光照不变性&#xff09; 流行是几何中一个概念&#xff0c;它是高维空间中的几何结构&#xff0c;即高维空间中点构成的集合。 简单的理解为二维空间的曲线&a…

lle算法c 语言,局部线性嵌入算法(LLE)与其Python实现-Go语言中文社区

PCA是至今为止运用最为广泛的数据降维算法&#xff0c;它通过最小化重构误差达到将高维数据映射到低维并同时保留数据中所存在的绝大部分信息。但是一般的PCA也有缺点&#xff0c;它只能实现线性降维。当然现在也有kernel PCA可以实现非线性降维&#xff0c;但我们今天介绍的是…

LLE降维

LLE 是 Locally Linear embedding 直观是在样本点的高维空间相邻近的话&#xff0c;可以用低维的子空间描述。 基本原理分三步&#xff1a; &#xff08;1&#xff09; 找到邻居 neighbors .(可以使用多种方法&#xff0c;邻居K的数目选择影响很大) &#xff08;2&#xff09…

局部线性嵌入LLE

[1]https://www.cnblogs.com/pinard/p/6266408.html [2]Graph Embedding Techniques, Applications, and Performance: A Survey 主要参考和图片来源[1] LLE推导算法流程 局部线性嵌入(Locally Linear Embedding,LLE)&#xff0c;一种重要降维方法&#xff0c;与PCA、LDA相比…

LLE降维算法

欢迎关注”生信修炼手册”! 流形分析作为非线性降维的一个分支&#xff0c;拥有多种算法&#xff0c;常见的算法列表如下 流形分析的要点在于降维之后&#xff0c;仍然保留流形中的某些几何属性。之前介绍的isomap保留了测地距离这一几何属性&#xff0c;由于考虑的是全局关系&…

LLE算法

Locally linear embedding (LLE) (Sam T.Roweis and Lawrence K.Saul, 2000)以及Supervised locally linear embedding (SLLE) (Dick and Robert, 2002) 是最近提出的非线性降维方法&#xff0c;它能够使降维后的数据保持原有拓扑结构。 LLE算法可以有图1所示的一个例子来描述。…

LLE原理总结

原文&#xff1a; https://www.cnblogs.com/pinard/p/6266408.html?utm_sourceitdadao&utm_mediumreferral 局部线性嵌入(Locally Linear Embedding&#xff0c;以下简称LLE)也是非常重要的降维方法。和传统的PCA&#xff0c;LDA等关注样本方差的降维方法相比&#xff0c;…

LLE原理及推导过程

1.概述 所谓LLE(局部线性嵌入)即”Locally Linear Embedding”的降维算法,在处理所谓流形降维的时候,效果比PCA要好很多。 首先,所谓流形,我们脑海里最直观的印象就是Swiss roll,在吃它的时候喜欢把它整个摊开成一张饼再吃,其实这个过程就实现了对瑞士卷的降维操作…

LLE理解

背景 局部线性嵌入(Locally Linear Embedding&#xff0c;以下简称LLE)是一种降维方法。和传统的PCA&#xff0c;LDA等关注样本方差的降维方法相比&#xff0c;LLE关注于降维时保持样本局部的线性特征&#xff0c;由于LLE在降维时保持了样本的局部特征&#xff0c;它广泛的用于…