html5中新标签的作用,HTML5新标签作用与使用？

最新推荐文章于 2022-12-04 22:35:55 发布

SamWanng

最新推荐文章于 2022-12-04 22:35:55 发布

阅读量216

点赞数

文章标签： html5中新标签的作用

本文探讨HTML5中的header,article,section标签与传统div、p的区别，重点在于语义化提升与布局合理性，以及它们在文档结构和内容组织中的适用场景和区别。

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

标签：

DIV这个标签是无语义的，新增的标签都有语义，这就是实质性的作用啊。

section指的是文档内的一部分内容，一般有标题，比如一个网站分为好几个板块，都可以写成section。而article是可以独立于外部文档存在的一部分完整内容，一般包括header,footer和主要内容比如一篇博客文章。如果只是单纯为了布局或者给JS用，继续用DIV和SPAN吧

HTML5现在对大家来说已经不陌生了。最近也一直在学习中。。。

HTML5推出了一些新标签如，header,article,section,hgroup等等。我想的问题是这些新标签到底比原来的DIV或都P等等标签好在哪里？难道只是语义化上的优势吗？没有实指性的作用？还有就是article,section这两个标签什么时候使用会更合理一些？用在什么位置会合理？两者有什么区别呢？

标签：

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

SamWanng

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

HTML5新特性

weixin_42376775的博客

08-30

1173

1.音频标签和视频标签使用方式基本一致2.浏览器支持情况不同3.谷歌浏览器把音频和视频自动播放禁止了4.我们可以给视频标签添加muted属性来静态播放视频，音频不可以(可以通过javaScript解决)

第一讲 HTML5新增标签

Fiki515的博客

03-14

717

前言:什么是html5？ HTML5是超文本标记语言的最新版本，也就是描述网页的代码，html5实际上是三种代码形式，首先是HTML提供结构，其次是层叠样式表负责网站的样式和布局，最后是JavaScript是给网站添加动态功能。 HTML5是一个新的网络标准，现在仍处于发展阶段。HTML5是构建Web内容的一种语言描述方式，H5是指第5代HTML，也指用H5语言制作的一切数字产品。是构建以及呈现互联网内容的一种语言方式。一、HTML5的新特征 HTML5的新特征语义

参与评论您还未登录，请先登录后发表或查看评论

html5新增加的标签及作用,Html5新标签解释及用法

weixin_42548816的博客

06-09

402

Html5新标签解释及用法2019年07月25日|萬仟网IT编程 |我要评论HTML 5 是一个新的网络标准，目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准... 12-02-17它希望能够减少浏览器对于需要插件的丰富性网络应用服务(plug-in-based rich interne...

html5 新增的标签用途,HTML5-新增的实用标签，实例详解！

weixin_30735701的博客

06-04

381

1.mark是用来显示页面需要重点关注的内容，就像看书喜欢用荧光笔标记重点一样，浏览器一半是用黄色来显示mark标记的内容2.details和summary当summary放在details元素内部的时候，summary元素为details定义摘要信息，默认是可见的，点击summary的时候，details会展开使用方法mark：我是mark标记疯狂的石头疯狂的石头真的是一部很好看的电影！复制代码...

列举html5新增的语义标签及作用,HTML5新增标签有哪些？作用分别是什么？

weixin_42468413的博客

06-01

652

New允许您设置一段文本，使其脱离其父元素的文本方向设置。New定义带有记号的文本。New定义度量衡。仅用于已知最大和最小值的度量。New定义运行中的任务进度(进程)。New定义不支持 ruby 元素的浏览器所显示的内容。New定义字符(中文注音或字符)的解释或发音。New定义 ruby 注释(中文注音或字符)。New定义一个日期/时间New规定在文本中的何处适合添加换行符。New规定了 inpu...

HTML5新标签作用与使用？

weixin_30699955的博客

12-20

107

DIV这个标签是无语义的，新增的标签都有语义，这就是实质性的作用啊。 section指的是文档内的一部分内容，一般有标题，比如一个网站分为好几个板块，都可以写成section。而article是可以独立于外部文档存在的一部分完整内容，一般包括header,footer和主要内容比如一篇博客文章。如果只是单纯为了布局或者给JS用，继续用DIV和SPAN吧 HTML5现在对大家来说已经不陌生了。...

html5新增那些标签

qq_26535065的博客

01-09

646

HTML5中新标签和常用标签详解

09-28

HTML5是Web开发中的一项重要更新，引入了许多新的标签，旨在增强网页的语义性和可访问性，同时优化搜索引擎优化（SEO）。这些新标签让开发者能够更...因此，理解和正确使用HTML5的新标签是现代前端开发者必备的技能。

HTML5 中的新标签。基础格式表单框架图像音频/视频链接列表表格样式

11-24

#### 五、图像与多媒体标签 - **`<img>`**: 定义图像。 - **`<map>`**: 定义图像映射。 - **`<area>`**: 定义图像映射中的热点区域。 - **`<canvas>`**: 定义用于绘制图形的画布。 - **`<audio>`**: 定义音频内容。...

使用语义化标签去写你的HTML 兼容IE6,7,8

09-28

语义化标签是HTML5中新增加的一类标签，其主要目的是让网页的内容结构化更加合理，从而让整个文档的含义更加清晰明确。语义化标签通过使用标签名来描述其包含的内容类型，如页面的头部使用，中间内容区使用（虽然...

html5 新标签用法,Html5新标签解释及用法

weixin_30510711的博客

06-20

193

HTM。轻厅设近幸松。备近幸松。备近幸松。备近L 5 是一个新的网络标准，目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准。它希望能够减少浏览器对于需要插件的丰富性网络应用服务(plug-in-based rich internet application，RIA)，如Adobe Flash, Microsoft Silverlight,...

详解Html5新标签和属性作用

Welkin_qing的博客

01-22

626

上一篇博客中已经介绍了h5的一些新标签，在这篇博客中我将做详细介绍。一、H5基本概念和操作 1. 什么是H5？万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改支持Html5的浏览器包括Firefox（火狐浏览器），IE9及其更高版本，Chrome（谷歌浏览器），Safari，Opera等；国内的傲游浏览器（Maxthon），以及基于IE或Chromium（Chrome的工程版或称实验版）所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产浏览器同样具

html5多大场景,HTML5新标签解释及其使用场景

weixin_32243075的博客

06-25

165

我们来看一下HTML 5提供的一些新的标签用法和HTML 4的区别标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章，或者来自blog的文本，或者是来自论坛的文本，亦或是来自其他外部源内容。HTML5:HTML4:标签定义 article以外的内容；aside 的内容应该与 article 的内容相关。HTML5:Aside的内容是独立的内容，但应与文档内容相关。HTML4:Aside...

HTML常用标签以及HTML5新增标签

weixin_60297362的博客

08-15

903

一、HTML5新增标签格式： <bdi>定义文本的文本方向，使其脱离其周围文本的方向设置。 <mark>定义有记号的文本。 <meter>定义预定义范围内的度量。 <progress>定义任何类型的任务的进度。 <rp>定义若浏览器不支持 ruby 元素显示的内容。 <rt>定义 ruby 注释的解释。 <ruby>定义 ruby 注释。 <time>定义日期/时间。 <wbr&gt.

H5新增标签、属性

t1220130004的博客

12-04

2869

1、常用新语义化标签：用法类似标签，增加了代码的可读性，用于区分页面结构。（1）、标签，定义文档的头部区域（2）、标签，定义导航链接的部分（3）、标签，定义section或document的页脚（4）、,定义页面独立的内容区域（5）、

html5页面特点,HTML5的十大新特性

weixin_34377037的博客

06-03

356

为了更好地处理今天的互联网应用，HTML5添加了很多新元素及功能，比如: 图形的绘制，多媒体内容，更好的页面结构，更好的形式处理，和几个api拖放元素，定位，包括网页应用程序缓存，存储，网络工作者，等(1)语义标签语义化标签使得页面的内容结构化，见名知义标签描述定义了文档的头部区域定义了文档的尾部区域定义文档的导航定义文档中的节(section、区段)定义页面独立的内容区域定义页面的侧边栏内容...

HTML5新增的标签及其功能说明

Herro09的专栏

11-05

1868

：表示页面中的一个内容区块，如章节、页眉、页脚、或者页面的其他部分。可以和、等元素结合起来使用，表示文档结构：表示页面中一块与上下文不相关的独立内容，如一篇文章：表示元素内容之外的并与元素内容相关的辅助信息：表示页面中的一个内容区块或整个页面的标题：表示对整个页面或者页面中的一个内容区块的标题进行组合：表示页面或页面中一个内容区块的页脚：表示页面中导航链接的部分：表示一

HTML5新增标签最有用的总结

godkun的博客

02-06

2万+

HTML5新增标签：概要1. HTML5 简介：（HTML5 是目前-2017年来说，是最新的一代HTML标准）2. HTML5 一些新的规则：新特性应该基于 HTML、CSS、DOM 以及 JavaScript。减少对外部插件的需求（比如 Flash）更优秀的错误处理更多取代脚本的标记（新增了一些语义化的标签：在H

Html5新增标签总结