HTML5替代div的元素

最新推荐文章于 2021-06-22 13:50:32 发布
最新推荐文章于 2021-06-22 13:50:32 发布
阅读量102 收藏
点赞数
原文链接：https://yq.aliyun.com/articles/511133
版权

section页面中的一个内容区块和 h1,h2等元素结合起来使用 article页面中的一块与上下文不相关的独立内容，比如博客中的一篇文章 aside和article配合 header标签定义文档的页眉 hgroup标签用于对网页或区段（section）的标题进行组合 footer 页脚 nav导航链接 figure请使用 元素为元素组添加标题



本文转自    风雨萧条 博客，原文链接：   http://blog.51cto.com/1095221645/1745299     如需转载请自行联系原作者

weixin_34162629
关注
抛弃 div 标签：改用这些 HTML 标签
我的博客，不一样的自我表达
04-29 408
Div标签是一种 HTML 元素，可用于将网页划分为多个部分，并可使用CSS设置样式。虽然div标签对于创建页面布局和分隔内容很有用，但不应过度或不必要地使用它们。通常最好为您要标记的内容使用最合适的HTMLdiv元素，而不是一直依赖标签。所以在这里，在本文中，我选择了一些可以轻松替换 div 标签的替代方法。他们是：部分此标记定义文档中的一个部分，例如章节或附录。它通常用于对语义相关的内容进行分组。
用html5新布局元素代替div元素布局页面
热门推荐
yin_991的博客
10-27 1万+
用html5新布局元素代替div元素布局页面
几个最常用的用来代替Div的HTML5元素
寬真
04-11 816
几个最常用的用来代替Div的HTML5元素 虽说html5中大多数功能性的元素如等还得不到当前主流浏览器的支持（主要就是指IE浏览器了），但至少那些个与布局相关的元素同html5.js结合起来时我们是可以放心使用的，比如,,,,,,这几个最常用的元素。 Article 和 Section article元素是文档中的独立部分，博客条目、文章或其它由文字构成的内容都应该使用这个标签。基本上，你可以很...
怎么将把html5代替div,几个最常用的用来代替Div的HTML5元素
weixin_39934257的博客
06-22 492
虽说html5中大多数功能性的元素如等还得不到当前主流浏览器的支持(主要就是指IE浏览器了)，但至少那些个与布局相关的元素同html5.js结合起来时我们是可以放心使用的，比如,,,,,,这几个最常用的元素。Article 和 Sectionarticle元素是文档中的独立部分，博客条目、文章或其它由文字构成的内容都应该使用这个标签。基本上，你可以很广泛的使用这个标签来构造页面的文字部分。sect...
html编辑css、div代替文本域
weixin_34268753的博客
04-11 142
在浏览器窗口中可以修改style的样式，并且网页会同步显示效果，这样做并没有什么实际的开发用途，只是一个比较好玩的html知识。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title...
HTML5不支持frameset的两种解决方法
09-27
HTML5 是现代网页开发的标准，它对HTML4进行了许多改进和优化，以提供更好的语义化、可访问性和性能。然而，在这个过程中，一些旧的元素被弃用，其中之一便是`frameset`标签。`frameset`在HTML4中被用来创建一个多...
CSS 网页布局应该避免滥用div元素
12-11
"CSS网页布局应该避免滥用div元素"这一观点强调了合理选择和使用HTML标签的重要性。div元素是HTML中最常用的一种结构元素，它通常被用作内容的分组，以便进行样式控制和布局管理。然而，过度依赖div元素可能会导致...
经验之谈 CSS网页布局避免滥用DIV元素
12-04
在CSS网页布局中，div元素经常被用来组织和划分页面结构，然而滥用div元素可能会导致代码冗余，降低页面性能，以及使得文档结构变得混乱。本文主要探讨如何避免滥用div元素，以提升网页布局的效率和可维护性。 首先...
html css 控制div或者table等固定在指定位置的实现方法
12-13
在网页设计中，有时我们需要将某个元素如`div`或`table`固定在页面的特定位置，例如底部，以便在用户滚动页面时始终保持可见。HTML和CSS提供了多种方法来实现这种固定定位效果。这里我们将详细探讨如何使用CSS来实现...
html5之div蠕动
milijiangjun的博客
05-25 538
&lt;!doctype html&gt; &lt;html lang="zh"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt; &lt;meta nam
html5中还有div吗,关于html5中的section标签与div标签的区别（内有实例）
weixin_35045970的博客
06-11 264
摘要 腾兴网为您分享:关于html5中的section标签与div标签的区别(内有实例)，周公解梦，智学网，学习计时，完美root等软件知识，以及网上预约医院软件，字体预览软件，铁血联盟卷土重来，海量小说，亿图，宝贝树，友基ex05,9669，上海医药学校，好大学在线cnmooc，拼客，斯坦福桥球场，快乐影音，mv聊天室，abb传动等软件it资讯，欢迎关注腾兴网。本篇文章主要的想大家介绍了关于HT...
避免常见的HTML5错误用法
h淡了
07-16 622
不要使用section作为div的替代品 人们在标签使用中最常见到的错误之一就是随意将HTML5的等价于——具体地说，就是直接用作替代品(用于样式)。在XHTML或者HTML4中，我们常看到这样的代码：                         My super duper page                 Header content          
基于Ssm和Vue的电影网站源码 电影网站代码（程序，中文注释）
09-29
电影网站-电影网站-电影网站-电影网站-电影网站-电影网站-电影网站-电影网站-电影网站-电影网站-电影网站-电影网站 1、资源说明：电影网站源码，本资源内项目代码都经过测试运行成功，功能ok的情况下才上传的。 2、适用人群：计算机相关专业(如计算计、信息安全、大数据、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工等学习者，作为参考资料，进行参考学习使用。 3、资源用途：本资源具有较高的学习借鉴价值，可以作为“参考资料”，注意不是“定制需求”，代码只能作为学习参考，不能完全复制照搬。需要有一定的基础，能够看懂代码，能够自行调试代码，能够自行添加功能修改代码。 4. 最新计算机软件毕业设计选题大全(文章底部有博主联系方式): https://blog.csdn.net/2301_79206800/article/details/135931154 技术栈、环境、工具、软件： ① 系统环境:Windows ② 开发语言：Java ③ 框架：Ssm ④ 架构:B/S、MVC ⑤ 开发环境:IDEA、JDK、Maven、Mysql ⑥ 数据库：mysql ⑦ 服
基于微盾品牌的VwFirewall防火墙设计源码
09-29
该项目为微盾品牌VwFirewall防火墙的完整设计源码，由342个文件组成，涵盖了多种编程语言和资源类型，包括55个头文件、40个GIF图像、34个ICO图标、33个C++源文件、27个PNG图片、21个BMP图像、19个PSD设计文件、12个数据文件、11个C源文件、8个可执行文件。该源码集合了C、C++、C、HTML、JavaScript和PHP等编程语言，适用于防火墙的安全防护设计开发。
高校推免报名 基于Ssm和Mysql的高校推免报名代码（程序，中文注释）
最新发布
09-29
高校推免报名-高校推免报名-高校推免报名-高校推免报名-高校推免报名-高校推免报名-高校推免报名-高校推免报名-高校推免报名-高校推免报名-高校推免报名-高校推免报名 1、资源说明：高校推免报名源码，本资源内项目代码都经过测试运行成功，功能ok的情况下才上传的。 2、适用人群：计算机相关专业(如计算计、信息安全、大数据、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工等学习者，作为参考资料，进行参考学习使用。 3、资源用途：本资源具有较高的学习借鉴价值，可以作为“参考资料”，注意不是“定制需求”，代码只能作为学习参考，不能完全复制照搬。需要有一定的基础，能够看懂代码，能够自行调试代码，能够自行添加功能修改代码。 4. 最新计算机软件毕业设计选题大全(文章底部有博主联系方式): https://blog.csdn.net/2301_79206800/article/details/135931154 技术栈、环境、工具、软件： ① 系统环境:Windows ② 开发语言：Java ③ 框架：Ssm ④ 架构:B/S、MVC ⑤ 开发环境:IDEA、JDK、M
党务政务服务热线平台 基于Ssm和Mysql的党务政务服务热线平台代码（程序，中文注释）
09-29
党务政务服务热线平台-党务政务服务热线平台-党务政务服务热线平台-党务政务服务热线平台-党务政务服务热线平台-党务政务服务热线平台-党务政务服务热线平台-党务政务服务热线平台-党务政务服务热线平台-党务政务服务热线平台-党务政务服务热线平台-党务政务服务热线平台 1、资源说明：党务政务服务热线平台源码，本资源内项目代码都经过测试运行成功，功能ok的情况下才上传的。 2、适用人群：计算机相关专业(如计算计、信息安全、大数据、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工等学习者，作为参考资料，进行参考学习使用。 3、资源用途：本资源具有较高的学习借鉴价值，可以作为“参考资料”，注意不是“定制需求”，代码只能作为学习参考，不能完全复制照搬。需要有一定的基础，能够看懂代码，能够自行调试代码，能够自行添加功能修改代码。 4. 最新计算机软件毕业设计选题大全(文章底部有博主联系方式): https://blog.csdn.net/2301_79206800/article/details/135931154 技术栈、环境、工具、软件： ① 系统环境:Windows
HTML5标签误用：section不应替代div
在HTML4中，我们通常使用<div>来分隔和组织页面内容，但HTML5提倡使用更具有语义意义的元素。例如，、、和等。错误的做法是将当作<div>使用，如示例所示，将整个页面内容包裹在一个元素内。正确做法是使用适当的语义...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值