• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > 用标准dl,dt,dd标签抛弃table列表

用标准dl,dt,dd标签抛弃table列表

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含dl,dt,dd,table等相关知识,佚名 希望在学习及工作中可以帮助到您
现在,越来越多的前端开发er们开始使用xHTML+CSS替代最初的table布局完成网页的整体布局,不但让网站降低了开发和维护的成本,而且代码也更语义化了。但是,并不是说table从此消失了,它仍然被很多人用来作为网页中数据表现的必需品,比如个人信息数据列表等。事实上,使用HTML的dl、dt、dd标签会让你节省更多的代码,更能让代码符合内容的语义化。当然,table也有它的用武之地,那就是很大数据量的数据表,但是小型的数据列表和表单完全可以不使用table哦!
如果你仍然在使用传统table来创建数据列表,那么请继续往下看,看看使用HTML的dl、dt、dd标签是如何让你的工作更轻松…
table数据列表
传统table的数据列表代码如下所示。我们要为每行添加tr标签,然后还要在其中为标题和数据各加一个td标签,由于标签都是td,想要添加样式的话还要为每个td添加class属性。

看到这里,如果你还在坚持使用table标签来完成web表单或其它网页布局的话,现在是时候改变一下你的代码了。让你的工作更轻松些吧!

您可能想查找下面的文章:

  • HTML 中的 dl(dt,dd)、ul(li)、ol(li) 使用方法
  • DD DT DL标签使用示例
  • html 标签 dl dt dd使用说明
  • dl,dt,dd在什么时候适合使用呢?
  • 用标准dl,dt,dd标签抛弃table列表
  • W3C教程(13):W3C WSDL 活动

相关文章

  • 2017-08-05HTML 标记一定不要忘记关闭
  • 2017-08-05HTML网页的段落排版和换行
  • 2017-08-05图片作为背景并且是链接的写法(背景图片加链接)
  • 2017-08-05html中position的一个小用法使用介绍
  • 2017-08-05HTML small标记使用技巧
  • 2017-08-05HTML网页超链接标记
  • 2017-08-05网页排版应该考虑IE6的兼容性问题
  • 2017-08-05html sub标记和sup标记
  • 2017-08-05Zen Coding 简易快速的HTML编写
  • 2017-08-05HTML文档类型详解 推荐

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 掌握常用的用于网页中引用内容的HTML标记
    • 链接A的语义、写法和最佳实践
    • HTML 文本转义小窍门
    • 防止用户将表单重复提交的方法汇总
    • form的默认提交方式修改方法
    • 举例讲解HTML中iframe和frame的区别
    • 设置table中的宽度不随文字改变让其固定
    • DIV背景半透明文字不半透明的样式
    • W3C教程(1):认识W3C
    • html设置虚线边框的方法

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有