在做网站过程过比较典型的div滥用,在很多网站中都可看到如下比较典型的div滥用情况。 div滥用情况:

  • 网站首页
  • 新闻中心
  • 网站案例
  • 产品中心
  • 在线招聘
  • 联系我们

优化后可实现相同效果:

  • 网站首页
  • 新闻中心
  • 建站套餐
  • 产品中心
  • 关于我们
  • 联系我们

最上面的代码定义了一个ul,它是一个块元素。外层的2个div也是块元素。虽然div中的id指明了其作用,但去掉其中1个或2个div后,我们仍然得到相同的效果。过度使用div会导致代码臃肿,也不利于页面的美化和维

转载于:https://blog.51cto.com/280773/838810

学习html5系列之比较典型的div滥用相关推荐

  1. 大熊君学习html5系列之------History API(SPA单页应用的必备------重构完结版)

    一,开篇分析 Hi,大家好!大熊君又和大家见面了,(*^__^*) 嘻嘻--,这系列文章主要是学习Html5相关的知识点,以学习API知识点为入口,由浅入深的引入实例, 让大家一步一步的体会" ...

  2. 大熊君学习html5系列之------Online Offline(在线状态检测)

    一,开篇分析 Hi,大家好,给大家拜个晚年!大熊君又和大家见面了,(*^__^*) 嘻嘻--,这系列文章主要是学习Html5相关的知识点,以学习API知识点为入口,由浅入深的引入实例,让大家一步一步的 ...

  3. html5收获,学习HTML5一周的收获4

    /* [CSS常用文本属性] * 1.字体.字号: font-weight:字体的粗细,可选属性值:bold加粗  lighter细体  100~900数值(400正常,700 bold) font- ...

  4. html5中还有div吗,关于html5中的section标签与div标签的区别(内有实例)

    摘要 腾兴网为您分享:关于html5中的section标签与div标签的区别(内有实例),周公解梦,智学网,学习计时,完美root等软件知识,以及网上预约医院软件,字体预览软件,铁血联盟卷土重来,海量 ...

  5. BP算法双向传_链式求导最缠绵(深度学习入门系列之八)

    摘要: 说到BP(Back Propagation)算法,人们通常强调的是反向传播,其实它是一个双向算法:正向传播输入信号,反向传播误差信息.接下来,你将看到的,可能是史上最为通俗易懂的BP图文讲解, ...

  6. 进程——Windows核心编程学习手札系列之四

    进程 --Windows核心编程学习手札系列之四 进程是一个正在运行的程序的实例,有两个部分组成:一个是操作系统用来管理进程的内核对象,内核对象是系统用来存放关于进程的统计信息的地方:另一个是地址空间 ...

  7. 零基础 ABAP 学习教程系列文章的目录

    零基础 ABAP 学习教程系列文章的目录 ABAP 标准培训教程 BC400 学习笔记之一:ABAP 服务器的架构和一个典型的 ABAP 程序结构介绍 ABAP 标准培训教程 BC400 学习笔记之二 ...

  8. 学习vue3系列computed

    响应式API中 computed 和之前的 computed 选项用法类似. 对于任何复杂逻辑,我们都可能使用计算属性.比如翻转字符串: <template><h1>{{ te ...

  9. 学习HTML5+CSS3的第二天

    今天第二天学习Html5+css3 今天根据书上一共写了两个小实例 第1个实例关于音频播放文件 1 <!DOCTYPE HTML> 2 <html> 3 <body> ...

最新文章

  1. webpack dev server 和 sublime text 配合时需要注意的地方
  2. java 查询功能_java利用反射实现查询功能
  3. web公选课js基础Part1
  4. wxWidgets:wxProcessEvent类用法
  5. Sqoop导入导出的时候总是出现等待5分钟的问题解决办法
  6. php教学小结,php小结
  7. idea调试debug技巧_被我用烂的DEBUG调试技巧,专治各种搜索不到的问题
  8. MySQL首次使用Windows_mysql的安装与使用(windows)
  9. php 对mvc的认识,【PHP】MVC框架为何这么难! 4年后终于明白了,被ThinkPHP害得!...
  10. Golang并发模式--channel高级使用
  11. 机械设计软件编写心得
  12. 创建Web Service后,客户端不能调用的解决办法(提示:此方法只有在本地才可以使用)...
  13. bp神经网络预测模型python_BP神经网络模型:Python
  14. Java-简易加法计算器代码优化
  15. java数字金额大写金额_Java将数字金额转为大写中文金额
  16. k-means聚类算法原理简析
  17. 计算机专业老师水平,计算机评价老师的评语
  18. 华为手机怎么连接苹果电脑?
  19. 通过身份证号码获取年龄和出生日期
  20. Android 自定义键盘 随机键盘

热门文章

  1. Solaris 上网配置
  2. 第七课 环境变量PATH,cp、mv及查看文档cat/more/less/head/tail命令
  3. 生活总是在推着你一步一步往前走
  4. ASP.NET MVC 5 - 视图
  5. 查看和设置MySQL数据库字符集(转)
  6. Linux数据库性能优化--文件系统相关优化
  7. 关于yum库的相关问题
  8. 十个利用矩阵乘法解决的经典题目
  9. 10个最常用 Windows Vista运行命令
  10. react中使用构建缓存_如何在React中构建热图