新的语义元素：`＜header＞ ＜footer＞ ＜article＞ ＜section＞ ＜aside＞ ＜nav＞ ＜article＞ ＜figure`＞都是块级元素

最新推荐文章于 2023-03-17 21:35:03 发布
最新推荐文章于 2023-03-17 21:35:03 发布
阅读量1.3k 收藏 11
点赞数 1
分类专栏： H5新增的语义标签 文章标签： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45736311/article/details/118443580
版权

新的语义元素：<header> <footer> <article> <section> <aside> <nav> <figcaption> <figure>都是块级元素
在这里插入图片描述

  • <header>：一般用于内容的介绍展示区域
  • <nav>：定义导航栏的链接部分
  • <section>：定义文档的节、区域
  • <article>：定义独立的内容
  • <footer>：定义文档的底部区
  • <aside>：定义页面主区域内容之外的内容（如：侧边栏）
  • <figure>：标签规定的独立内容（如：图像、图标、照片、代码等）
  • <figcaptionn>：定义元素的标题
    在这里插入图片描述
礼礼。
关注
  • 1
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
html5新特性-header,nav,footer,aside,article,section等各元素的详解
weixin_30861797的博客
08-18 726
Html5新增了27个元素，废弃了16个元素，根据现有的标准规范，把HTML5的元素按优先级定义为结构性属性、级块性元素、行内语义性元素和交互性元素四大类。 下面是对各标签的详解，section、header、footer、nav、article、aside、figure、code、dialog、meter、time、progress、video、audio、deta...
hander标签，footer标签，aside标签
qq_62779007的博客
03-06 2317
1.hander标签 <!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head> <body><!--1.header标签定义文档的页眉，通常是一些引导和导航信息2.header标签不局限干写在网页头部，也可以写在网页内容里面。3.通常<header>标签至少包含(但不局限于)一个标题标记(<
HTML5—新语义元素header、nav、section、article、aside、footer的介绍
weixin_45264892的博客
07-21 1347
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
从零开始前端学习[26]:html5的一些常用标签，header,footer,section,aside,figure,figcaption,nav,artical,
章飞 _906285288的博客
09-27 7394
html5的一些常用标签 HTML5简介 语义化标签(header,section,nav,article,figure,figcaption,aside，footer) 提示: 博主:章飞_906285288 http://blog.csdn.net/qq_29924041 一:HTML5简介万维网的核心语言，标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改，所
HTML5页面架构元素 - <header>标签
weixin_30471561的博客
03-23 176
在HTML4流行的时候大家的页面架构元素使用最多的还是table，方便快捷，用起来很爽（虽然他不是一个真正的页面架构元素）。 XHTML1.0后大家都开始认识到table使用的错误，于是DIV重新走上了架构的舞台。搜索引擎的流行，更是让DIV的架构页面位置进一步稳固，于 是有了前些年疯狂的网页重构，DIV+CSS疯狂如长江源头解冻的流水一发不可收拾。 随着大家对网页架构的深入研究，HTML的标准...
duw：怼周刊->自怼圈社区电子周刊
02-22
1. **基础标签的使用**：通过查看HTML文件，我们可以了解如何使用基础标签来构建页面结构，比如`<header>`、`<nav>`、`<article>`、`<aside>` 和 `<footer>` 等。 2. **语义化HTML**：现代HTML强调使用语义化的标签...
HTML5 语义元素
12-14
8. `<figure>` 和 `<figcaption>`：`<figure>`用于包裹像图片、图表、代码等独立的内容，`<figcaption>`定义了`<figure>`的标题。 ```html <figure> <img src="image.jpg" alt="Image description"> <figcaption...
HTML5之HTML元素扩展(上)—新增加的元素及使用概述
09-28
这些元素包括`<header>`、`<footer>`、`<nav>`、`<article>`、`<section>`等，它们有助于定义网页的各个部分和内容结构。例如： - `<header>`元素用于定义页面或区域的顶部，通常包含logo、标题、导航链接等。 - `...
HTML5新特性之语义化标签
09-27
HTML5新增了一系列语义化标签，如`<article>`用于定义独立的内容区块，`<section>`用于划分页面的区域，`<aside>`通常用于侧边栏内容，`<hgroup>`用于组合多个标题，`<header>`和`<footer>`分别表示页面的头部和尾部...
html-assignment:第3周HTML语义分配
05-23
- 利用`<header>`、`<nav>`和`<footer>`来构建页面的基本结构。 - 对于图像和多媒体，使用`<figure>`和`<figcaption>`进行包装，提供上下文信息。 - 使用ARIA属性（Accessible Rich Internet Applications）来增加...
HTML5 中的Header元素详解
热门推荐
lidiya007的博客
12-22 1万+
什么是header元素 header元素是一种具有引导和导航作用的结构元素，通常用来放置整个页面或页面内的一个内容区块的标题，但也可以包含其他的内容，比如在header里面放置logo图片、搜索表单等等。 注意：一个页面内并没有限制header的出现次数，也就是说我们可以在同一页面内，不同的内容区块上分别加上一个header元素。   header元素的用法 下面根据一幅图来具体看看he
结构标签、行内元素、块元素、行内块元素
The_nigh_sky的博客
02-27 245
行内元素、行内块元素、块元素
块元素，行内元素和功能元素
qq_48192192的博客
08-14 846
块元素 行内元素 功能元素
前端HTML——三大元素之块元素 内联块元素 和内联元素
m0_48930261的博客
08-16 718
块元素 div就是一个块元素， 所谓的块元素就是会独占一行的元素，无论它的内容有多少 都会独占一行 p h1 h2…都是块元素 div这个标签没有任何语义，就是一个纯粹的块元素 并且不会为它里面的元素设置任何的默认样式 块元素主要用来对页面进行布局 内联元素 span就是一个内联元素（行内元素） 所谓的行内元素，指的是只占自身大小的元素，不会占用一行 常见的内联元素： a img iframe span span没有任何的语义，专门用来选中文字，然后为文字设置样式 内联元素主要用来用来选中文字，然
HTML小记
qq_42511085的博客
09-30 270
1. 在head标签中必不可少的是什么？ <head>标签用于定义文档的头部，它是所有头部元素的容器。<head>中的元素可以引用脚本、指示浏览器样式表的位置以及提供元信息等等。 文档的头部描述了文档的各种属性和信息，包括文档的标题，在Web中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。 <title>定义文档的标题，它是head部分中唯一必须的元素。 在实际开发中，从运行角度上，实际上是可以没有<title>元素的
HTML5 中article，header和footer标签的使用
m0_46388312的博客
06-25 8168
article标签 ​ article标签是一个特殊的section标记，它比section具有更明确的语义，它代表一个独立的、完整的相关内容块，可独立于页面其它内容使用。例如论坛帖子、博客文章、新闻故事、评论等。 ​ 一般来说，article会有标题部分，通常包含在header内，有时也会包含footer。 下面例子中就用了article+header <!-- edu_13_2_3.html --> <!doctype html> <html lang..
HTML基础
weixin_46472855的博客
03-17 1039
网站是指在因特网上根据一定的规则，使用 HTML 等制作的用于展示特定内容相关的网页集合。网页是网站中的一“页”，通常是HTML格式的文件，要通过浏览器来阅读。网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以 .htm 或 .html 为后缀结尾的文件，因此也俗称HTML文件。HTML 指的是超文本标记语言HyperTextMarkupLanguage)HTML 不是一种编程语言，而是一种标记语言标记语言是一套标记标签HTML 使用标记标签。
前端第二章：6.浏览器的自动修复机制；网页布局 （header标签、main标签、footer标签；nav标签；aside标签）
要思考，要努力
04-25 1518
一、浏览器的自动修复机制 1.出现如下的问题，浏览器会自动帮助我们修改代码 1.1 标签写在根元素的外部 -> 被修复 1.2 p元素中嵌套了块状元素 1.3 根元素中出现了除head和body以外的子元素 二、块元素和行内元素注意点： 1.我们在 块元素 中放 行内元素，反之不行 2.p元素中不能嵌套 块状元素 三、块元素之 header、main、footer（用于布局） 1.网页的头部：header标签 1.1 header标签 在实际网页中的样子： 2.网页的主体：main标签（每个网页中
html5知识点补充—article元素的使用
weixin_34221112的博客
08-25 158
article元素是一个独立的内容块，它既可以独立存在，也可以被重用。RSS订阅中的内容就非常有代表性，因为每项基本都是独立的文章。你完全可以把某项从中独立抽取出来，而它仍然是具有意义的。 HTML5规范给出了一些如何使用article元素的示例：论坛的帖子、杂志或新闻的文章、一篇博文或用户提交的评论。使用示例如下所示： <arti...
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section,
最新发布
03-24
其中，header和footer分别用于表示文档的页眉和页脚，nav用于表示导航链接，section用于表示网页的章节，aside用于表示侧边栏内容，main用于表示文档主要内容，article表示独立的文章内容，figure和figcaption用于...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

礼礼。

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值