H5新增语义化标签

于 2023-07-03 13:06:38 发布
阅读量53 收藏
点赞数
文章标签： css 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_70285633/article/details/131513517
版权

1，section元素  表示页面内容中的一个内容块

2，article元素   表示一块与上下文无关的独立内容

3，aside元素    表示在article之外的，与article相关的辅助内容

4，header元素  表示页面中的一个内容块或整个页面的标题

5，footer元素  表示页面中的内容块或整个页面的脚注

6，nav元素  表示页面中导航链接部分

7，figure元素 表示一段独立的内容使用figcaption元素为其添加标题

8，main元素  表示页面中的主要内容

 

雪落人间-金玄
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML5新增的语义化标签
原地起飞
08-02 3716
系列文章目录 提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加 例如：第一章 Python 机器学习入门之pandas的使用 提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录系列文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例
简单介绍html5新增的语义化标签
03-29 2666
分析一下上一篇有关html5语义化网页的代码： html5新增的语义化标签： 标签定义外部的内容。 标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。 标签用于描述文档或文档某个部分的细节。 标签定义 figure 元素的标题。 标签用于对元素进行组合。 标签定义文档的页眉（介绍信息）。 标签用于对网页或区段（section）的标题进行组合。 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。 标签包含 details 元素的标题，
HTML标签语义化（含H5）
09-22
下面将详细阐述HTML标签语义化的概念、好处，以及HTML5中新增的一些语义化标签。 1. **HTML标签语义化概念**： HTML标签的语义化意味着使用恰当的标签来表达网页内容的结构和含义，而不是仅仅关注外观。例如，使用...
详解HTML5新增标签
09-28
相较于之前的HTML4.01和XHTML1.0，HTML5引入了一系列新的标签，这些标签更具有语义化，使得网页内容的结构更加清晰，同时也提高了网页的可访问性和可读性。 首先，`<header>` 标签用于定义页面或区域的头部，通常...
HTML5不支持标签和新增标签详解
09-27
接下来，我们讨论HTML5新增的一些标签，它们增强了网页的结构和语义： 1. `<header>`：定义了页面或节的头部，通常包含导航链接、logo或页面标题等元素。 2. `<footer>`：定义了页面或节的底部，通常包含版权信息...
H5标签基础
08-10
标题“H5标签基础”指的是HTML5中新增和改进的标签，这些标签在构建结构化和语义化的网页内容中起着关键作用。描述中提到，由于HTML5标准尚未完全统一，不同浏览器对它的解析可能会有所不同，但这并不妨碍大部分功能...
H5学习资料
03-21
1. **语义化标签**：HTML5引入了一些新的语义化元素，如、、、、和等，这些元素帮助开发者更好地组织网页内容，提高SEO（搜索引擎优化）性能。 2. **多媒体支持**：H5内置了对音频和视频的支持，通过和标签，可以...
h5新增语义化标签
杨欢博的博客
07-12 445
H5新增语义化标签 前言 语义化顾名思义就是有意义的标签，以前做页面布局大都是使用div来做布局，现在学习了h5就可以用这些语义化标签来做布局，不用再为div起有语义的名字，方便了开发者。下面就对这些语义化标签作个详细说明。 语义化标签 header nav footer section artice aside figure figcaption header： 以前对页面的头部布局都是用div来做，h5新增的header标签就是用来做页面头部的主要用于定义内容的展示区域，一个页面中可以有多个head
H5新增语义化标签以及属性
weixin_45457515的博客
08-03 1988
结构标签 （1）<section></section> 独立内容模块 ，可以h1-h6组成大纲 ，表示文档结构，有章节、页眉、页脚或其他部分。 （2）article （文章） 文章核心部分 （3）aside 标签内容之外相辅的信息 侧边栏 （4）header 头部/标题 (5)footer 底部 (6)nav 导航 （7）<figure>标签 代替原...
H5新增标签语义化
shuaishuaizhang8的博客
07-13 97
1.什么是HTML语义化？ 通过标签判断内容语义，例如根据h1标签判断出内容是标题，根据p判断内容是段落、input标签是输入框等。 2.为什么要语义化？ 1).去掉或样式丢失的时候能让页面呈现清晰的结构 2).方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页 3).有利于SEO 4).便于团队开发和维护，遵循W3C标准，可以减少差异化 3.如何确定你的标签是否语义良好？ 去掉样式，看网页结构是否组织良好有序，是否仍然有很好的可读性。 4.新增的语义化标签
html5 新增的语义化标签
小姑姑的博客
10-30 574
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>html5</title></head> <body> <header>用在页面或板块的头部</header> <nav>导航标签</nav> <hgroup> <h1>侬好</h1> <h2
HTML5新增的语义标签
n9_333的博客
02-25 441
用于输入电话号码的文本输入域，服务于触屏网页开发，在电脑网页中无效，在触屏网页中点击输入域，显示虚拟电话键盘（0-9、*、#）- 典型应用：论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组，或者其他独立的内容项目。- MPEG4--mp4 支持的浏览器chrome、Firefox、Safari、IE9+- 作用：元素表示文档、页面、应用或网站中的独立结构，可以成为可独立分配的或可复用的结构。HTML5新增了页眉、页脚、内容块等文档结构相关的标签，可以使文档结构更加清晰明确。
html5新增的语义标签
misaka去年夏天的博客
01-03 1599
html5标准之前的HTML4.0或XHTML1.0标准中，语义的标签比较少，在布局HTML的时候，一般会大量使用div标签。这样做的结果是网页的源代码中有大量的div标签，需要用不用的class和id来区分。 在H5标准中，新增了一些语义标签： 1、使得css在选择元素的时候，能够更加自然地找到“钩子”。 2、能够减少标签的class和id属性，这意味着网页的加载会更快，网页代码也
html5新语义化标签
weixin_46048542的博客
08-16 1322
link标签最常见的用途是链接样式表。 <html> <head> <link rel="stylesheet" type="text/css" href="/html/csstest1.css" > </head> <body> <h1>我通过外部样式表进行格式化。</h1> <p>我也一样！</p> </body> </html> header页眉 footer页脚 ma
html5新增语义标签
wangbin1992321的专栏
08-24 434
HTML5新增的一些语义标签以及兼容浏览器方案
h5语义化标签用得多吗
最新发布
09-04
H5语义化标签是HTML5标准中引入的一种标记方式，主要用于表达网页内容的结构与含义，可以提高网页的可读性和可维护性，以及增强搜索引擎的理解能力。 在实际开发中，使用H5语义化标签的频率较高。随着HTML5标准的普及和浏览器对新标签的兼容性提升，开发人员更加倾向于使用语义化标签。它们可以将页面分为多个有意义的块，如<header>，<nav>，<main>，<article>，<footer>等，使得页面结构更加清晰易懂。 使用H5语义化标签的好处之一是改善网页的可访问性。对于一些辅助技术，如屏幕阅读器，语义化标签可以提供更好的理解和导航体验。这对于视力受限的用户或身体功能障碍者来说尤为重要。 另一个原因是搜索引擎优化（SEO）。搜索引擎通过分析网页的结构和内容来确定其排名。语义化标签可以更准确地描述页面的结构和内容，提供更多的关键信息，从而增加搜索引擎索引的准确度和可靠性。 虽然H5语义化标签有诸多优点，但在实际开发中，仍然有些开发人员为了追求页面效果或兼容性，而未充分使用语义化标签。这样可能会导致页面结构混乱、可读性差，增加后期维护的难度。 总的来说，随着对H5语义化标签的认识不断加深和浏览器的支持，开发人员普遍倾向于更多地使用这些语义化标签以提升网页的质量和性能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值