H5基础标签（一）

最新推荐文章于 2025-06-05 21:39:35 发布
最新推荐文章于 2025-06-05 21:39:35 发布
阅读量573 收藏
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_43328365/article/details/88399844
本文总结了H5中常用的块级和多媒体标签，包括Header、Section、Footer等布局标签，以及Video、Audio等多媒体标签，详细介绍了它们的功能和使用场景。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

今天学习了h5的一些常用标签，功能非常强大，在此简单做一下总结。（数字表示布局等级）

  • 常用块级标签:
  1.    Header:定义页面头部
     Section:定义页面内容
     Footer:定义页面底部

  2.    Nav:定义导航链接
     Hgroup:定义标题或相关信息
     Aside:定义侧边栏
     Article:定义一篇文章
     Figure:定义一组媒体内容
     Dialog:定义对话框，类似于微信

  3.    Figcaption:定义figure元素的标题
     Div:一只不挑食的宝宝。
  • 常用多媒体标签:
    Video:定义视频（controls自带样式）
    Audio:定义音频（controls自带样式）
    Source:定义媒体资源
    Embed:定义外部可交互的内容或插件
    Canvas:定义图片
是阿泽君
关注
h5基础
weixin_45958109的博客
09-21 9585
H5入门基础（一） 我们还是围绕这几个问题来学习： 1.什么是H5？ 2.为什么要用H5? 3.怎么用H5? 1.什么是H5？ 　　♦HTML是指超文本标记语言（Hyper Text Markup Language）。 ♦HTML是一种用来编写网页的语言，使用浏览器将他翻译成相应的页面。 ♦HTML并不是编程语言，他是一种标记语言。 2.为什么要用H5? 　　因为他编辑起来特别酷炫，是HTML的升级版 3.怎么用H5? 　　♦首先看一行HTML中必定要有的东西： 复制代码 //文档类型声明 // //
H5标签基础
08-10
标题“H5标签基础”指的是HTML5中新增和改进的标签，这些标签在构建结构化和语义化的网页内容中起着关键作用。描述中提到，由于HTML5标准尚未完全统一，不同浏览器对它的解析可能会有所不同，但这并不妨碍大部分功能...
HTML初学者常用标签及属性
weixin_34408717的博客
03-12 1636
1.HTML5头部结构 【DOCTYPE html】 声明文档类型为HTML5文件。 文档声明在HTML5文档必不可少，且必须放在文档的第一行。 【meta标签】 1-charset属性：单独使用，设置文档字符及编码格式。 写法：<meta charset="UTF-8"> 常见的中文编码格式： B-2312:国标码，简体中文 GBK：扩展的国标编码，简体...
H5标签速览
最新发布
weixin_62890143的博客
06-05 655
target（新开页面打开：_self“当前窗口”、_blank“新开”、_parent“父级窗口”、_top“顶级窗口”）align（left“居左对齐_默认”、right“居右对齐”、center“居中对齐”、justify“两端对齐”）width（宽度“百分比或1px”）、align（对齐方式“center、left、right”）、size（粗细）行内元素：span，font，b/i，img，a，input，textarea，label，button，select。
H5的常用标签
最初的梦想
09-24 595
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
H5基础标签demo(学习资料一）.zip
10-24
这份“H5基础标签demo(学习资料一）.zip”压缩包包含了针对这两个主题的实战演示，是学习和提升H5与CSS3技能的宝贵资源。 HTML5是超文本标记语言的第五个版本，它引入了许多新的标签和API，旨在简化网页结构、增强...
一个移动端H5Video标签播放视频的实现
08-11
一、HTML5 `<video>` 标签基础 `<video>`标签是HTML5引入的一个新元素，用于在网页中嵌入视频内容。它的基本结构如下： ```html 您的浏览器不支持video标签。 ``` - `src`属性：指定视频文件的URL。 - `...
McgsPro-驱动文件-汇川H5U以太网标签驱动-8.0.0.7
11-20
标题中所指的“McgsPro-驱动文件-汇川H5U以太网标签驱动-8.0.0.7”很可能是指一款专门用于汇川H5U系列设备的以太网通讯协议的驱动程序。此驱动程序的版本为8.0.0.7，它是McgsPro（可能是一家公司的名称或者是软件...
H5常用标签汇总
08-26
H5常用标签汇总 HTML5是当前Web前端开发的热门技术，掌握HTML5标签是开发者必须具备的技能。下面将对HTML5的基础结构、文档结构、元素标签进行详细的解析。 一、HTML5基础结构 HTML5的基本结构包括文档类型声明、...
H5基础概念
飞腾创客
08-24 1423
css基础知识，标签的基本应用
H5标签
qq_36128648的博客
06-09 211
<!-- --> 解释说明 快捷键 ctrl + / 进行快速注释 ctrl + 上/下 快速移动 快速输入<> ctrl+shift+， tag: 1. <!DOCTYPE html> 是 声明文档的类型 是 h4 还是 h5 2.html 是根标签...
h5 标签
Gytha_1的博客
12-05 330
pre pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。 &lt;pre&gt; 标签的一个常见应用就是用来表示计算机的源代码。 当把其他标签（比如 &lt;a&gt; 标签）放到 &lt;pre&gt; 块中时，就像放在 HTML/XHTML 文档的其他部分中一样即可。...
H5基础入门笔记
Junnix的博客
12-19 2829
## H5基础入门笔记 ## 正文 ## 1.H5的结构 ```html <!DOCTYPE html> <html lang="ch"> <head> <meta charset="UTF-8"> <title>test</title> </head> <body> <!--1.一定要记住一点，h5中的标签是可以一直嵌套的--> <!--其次，所有的h5内容都写在body标签内部--> <!--其实h5学不学都行，只要看得懂就行，因为大多数的代码都可以用别人的--> <!--而且如果想不起来
H5 - HTML5新增标签
热门推荐
NULLGIRL
03-21 3万+
13年那时候 H5还未火起来 自学的是Html 4.0 如今回首起来 虽然都是标签 但是H5相较于Html4.0还是精简了不少 尤其是一些新增了一些更加直观的标签 删去了不常用的标签 两年多没碰这门语言 决定重新拾起来 从头开始！今天就写个demo 从这个demo中分析今天所用到的标签以及用法 首先做个比较：下面分别是传统的div+css的页面布局方式 下面是HTML5布局方式：
h5 基础
CSJiaNan的博客
12-13 161
兼容性前缀： 谷歌：webkit 火狐：moz ie：ms 欧朋：o 选择器： 属性选择器：*= 包含 ^=以…开头 $= 以…结尾 伪类选择器：first-of-type last-of-type nth-of-type（） 前3个 nth-of-type（-n+3） 偶数：nth-of-type(2n)even 基数：nth-of-type(2n-1)od...
h5盒子标签使用方法
11-06
它是创建复杂布局的基础。 2. `<span>`: `span`是行内元素，通常用于文本内的装饰或样式调整，不会影响到其周围元素的布局。 3. `<p>`: `p`代表段落，也是块级元素，用于包裹段落文本，一般会自动添加一些间距。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值