前端-HTML5详解

一、概述

HTML5是HTML的第五个版本，它对HTML进行了许多改进和扩展，使得网页开发更加丰富和便利。HTML5是Web标准的重要组成部分，旨在提高浏览器兼容性，统一网页开发标准。HTML5不仅包括了HTML的基本元素和标签，还新增了许多功能和API，为网页开发提供了更多的可能性。

二、基本用法

1、初步了解

HTML5的基本语法包括标签的组成和关系。标签由<、>、/、英文单词或字母组成，其中<和>用于标识标签的开始和结束，/用于标识结束标签。HTML5中的标签分为双标签和单标签，双标签由开始标签和结束标签组成，例如

，单标签则只有一个标签。例如

2、基本骨架

HTML5的骨架通常包括,和三个标签。其中HTML标签是HTML文档的根元素，标签用于包含文档的元数据，如字符集、标题、样式表链接等，标签则用于包含网页的主体内容。

三、常用标签

1、段落标签

p标签 ：

。P标签定义HTML段落

2、链接标签

a标签：。a标签 定义HTML链接，通过href属性指定链接的目标地址。

3、图像标签

img标签：<img src=“这里填图片的路径” alt=" 提供图像无法显示时的替代文本。 “> 。img标签定义HTML图像，通过src属性指定图像的文件路径，通过alt属性提供图像无法显示时的替代文本。

4、音频标签

video和audio标签,. 用于在网页中嵌入视频和音频内容，无需依赖第三方插件。

5、标题标签

h1~h6标签，表示1到6级标签

一级标签

二级标签

三级标签

四级标签

五级标签

六级标签

6、语义化标签

标签	描述
	头部标签
	导航标签
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/bicheng/22277.shtml 如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！ 相关文章 前端js解析websocket推送的gzip压缩json的Blob数据 主要依赖插件pako https://www.npmjs.com/package/pako 1、安装 npm install pako 2、使用， pako.inflate(reader.result, {to: "string"}) 解压后的string 对象，需要JSON.parse转成json this.ws.onmessage (evt) > {console.log("… 阅读更多... vue使用html2canvas截图下载时，存在svg或者img时截图不全的解决办法 使用html2canvas进行div截图时，存在svg和img的解决办法 写在前面：vue使用html2canvas截图时，存在svg或者img时截图时空白，或者不全解决办法如下第一步，svg或者img先转base64第二步，将转换后的base64设置为新… 阅读更多... 电源小白入门学习10——浪涌、防浪涌器件、浪涌保护芯片 浪涌、防浪涌器件、浪涌保护芯片 浪涌浪涌保护器件的分类与原理保险丝TVS二极管新防护电路 浪涌 浪涌，相信不少学习过电子的同学或多或少都通过这个词，但是到底什么是浪涌呢，GPT给我的答案是这样的： 浪涌，也称为瞬态… 阅读更多... 【杂记-IDS入侵检测系统、IPS入侵防御系统】 一、IDS概述、分类 IDS概述 IDS，intrusion detection system，入侵检测系统，其对网络传输进行即时监视，在发现可疑传输时发出警报或者采取主动反应措施的网络安全设备，是一种积极主动的安全防护技术。与防火墙不同的是… 阅读更多... 【深度学习】【机器学习】支持向量机，网络入侵检测，KDD数据集 文章目录 环境加载数据归一化数据训练模型用测试数据集给出评估指标准确率召回率预测某个输入数据随便取一行数据加载训练好的SVM支持向量机模型并预测 全部数据和代码下载 环境 之前介绍过用深度学习做入侵检测，这篇用向量机。 环境Python3.10 requirements.txt… 阅读更多... 【miniconda】安装miniconda ☆ 问题描述 ubuntu环境下安装miniconda ★ 解决方案 ubuntu环境下安装miniconda 下载miniconda 包 miniconda官网地址：https://docs.conda.io/en/latest/miniconda.html 清华大学镜像地址： https://mirrors.tuna.tsinghua.edu.cn/anaconda/minicon… 阅读更多... 超级加速器链接促进会（UALink）能否打破英伟达的垄断？ 近年来，人工智能（AI）技术的飞速发展催生了对高性能计算和数据中心互联技术的巨大需求。然而，随着市场的集中化，英伟达凭借其专有的NVLink和InfiniBand技术，几乎垄断了这一市场。这种局面引起了其他科技巨头… 阅读更多... Python的空格之谜：深度剖析空格在Python编程中的重要作用 Python的空格之谜：深度剖析空格在Python编程中的重要作用 在Python的世界里，空格并不仅仅是一个简单的空白字符，它承载着编程语法和逻辑的重要使命。对于初学者来说，Python的空格规则可能是一个令人困惑的难题，但一旦… 阅读更多... MFC实现子控件focus焦点上下移动父控件ListView和Gridview也跟着向上下移动 项目中要实现mfc功能，然后子空间焦点下移，LIstView和Gridview父空间不会下移，所以就有这个文章。废话不多说直接上代码。 MFCGridView.java import android.content.Context; import android.util.AttributeSet; import android.view.View;… 阅读更多... 白酒：产地的酿酒历史与文化遗产 云仓酒庄豪迈白酒作为中国酿酒工艺的品牌之一，其产地的酿酒历史与文化遗产具有深远的意义和价值。产地酿酒历史悠久，代代相传的酿酒技艺和与众不同的文化传统，构成了云仓酒庄豪迈白酒与众不同的品质和风味。 据云仓酒庄豪迈介绍，中… 阅读更多... 力扣----轮转数组 题目链接：189. 轮转数组 - 力扣（LeetCode） 思路一 我们可以在进行每次轮转的时候，先将数组的最后一个数据的值存储起来，接着将数组中前n-1个数据依次向后移，最后将存储起来的值赋给数组中的第一个数据。 … 阅读更多... Pixi绘制地图和小车 之前已经用Pixi绘制出了各种图形以及通过图片绘制精灵，这节用pixi绘制网格地图，并通过图片制作一个Sprite，让这个Sprite在网格地图上运动。首先需要在页面中添加一个div用来后期展示canvas的画布，并将此div实例化为PIXI的Applicat… 阅读更多... python绘制双变量热力等级图 参考资料： https://github.com/mikhailsirenko/bivariate-choropleth/blob/main/bivariate-choropleth.ipynb Bivariate choropleth map using Plotly Matplotlib双变量热力等级图 代码： import pandas as pd import geopandas as gpd import numpy a… 阅读更多... 企业转型必上的监控系统智能管家大屏UI前端开发 企业转型必上的监控系统智能管家大屏UI前端开发 阅读更多... Istio安装记录 环境介绍 我使用的是k8s 1.23.3版本 istio使用的是istio-1.13.3-linux-amd64.tar.gz 把文件下载k8s集群下，解压 tar -vzxf istio-1.13.3-linux-amd64.tar.gz然后设置环境变量 [rootmaster istio]# cat /etc/profile export ISTIO_HOME/root/istio-1.13.3 expor… 阅读更多... 3067. 在带权树网络中统计可连接服务器对数目 Medium 给你一棵无根带权树，树中总共有 n 个节点，分别表示 n 个服务器，服务器从 0 到 n - 1 编号。同时给你一个数组 edges ，其中 edges[i] [ai, bi, weighti] 表示节点 ai 和 bi 之间有一条双向边，边的权值为 weighti 。再给… 阅读更多... Yolo-v5模型训练速度，与GeForce的AI算力描述 1.GeForce RTX3070 Ti官网参数： GeForce RTXTM 3070 Ti 和 RTX 3070 显卡采用第 2 代 NVIDIA RTX 架构 - NVIDIA Ampere 架构。该系列产品搭载专用的第 2 代 RT Core ，第 3 代 Tensor Core、全新的 SM 多单元流处理器以及高速显存，助您在高性… 阅读更多... 【网络安全的神秘世界】MySQL 🌝博客主页：泥菩萨 💖专栏：Linux探索之旅 | 网络安全的神秘世界 | 专接本 MySQL MySQL 教程 | 菜鸟教程 (runoob.com) 什么是数据库 数据库（Database）是按照数据结构来组织、存储和管理数据的仓库 在do… 阅读更多... 二手笔记本怎么买 用途： 1.给爹妈用来简单办公，只是用office基础办公软件，无出差无游戏无画图需求。 预算： 1000以内 以下是电脑对比选项： 屏幕大小-> 目前市面上的尺寸对比，以A4纸说明，13.3寸14.1寸15.6… 阅读更多... Camunda 7.x 系列【66】实战篇之我发起的 有道无术，术尚可求，有术无道，止于术。 本系列Spring Boot 版本 2.7.9 本系列Camunda 版本 7.19.0 源码地址：https://gitee.com/pearl-organization/camunda-study-demo 前后端基于若依：https://gitee.com/y_project/RuoYi-Vue 流程设计器基于RuoYi-flowable：https://gi… 阅读更多... 最新文章 2.Spring-注解开发定义bean/纯注解开发/Spring整合MyBatis（p21-p30） 解决：Fontconfig head is null, check your fonts or fonts configurat 『不废话』之Llama 4实测小报 【NLP 56、实践 ⑬ LoRA完成NER任务】 八大排序——c++版 mlir-tblgen 的应用渐进式示例 Go语言从零构建SQL数据库(5)-Pratt解析算法：SQL表达式解析的核心引擎 spring-ai-openai调用Xinference1.4.1报错 Copyright @ 2022~2023