dl,dt,dd在什么时候适合使用呢?
作者:佚名
字体:[ ] 来源:互联网 时间:10-11 15:46:16
不废话,首先我说一下我所理解的dl/dt/dd吧.
dl:Definition list 定义列表 dt:Definition title 定义标题 dd:Definition Description 定义描述 dt里是放置信息标题的,dd则是这个信息的简单概要的描述, 也就是说一个dt对应有一个dd来描述它 dd里面的内容可以是任意的,图片、文本甚至是视频或音频 多个类似的dt和dd组成一个dl 那么dl dt dd适合表现例如:带摘要的新闻列表、带缩略图和其他描述的产品列表&&
大家感兴趣的内容
12345678910
最近更新的内容咨询***:0755- 全国免费***:400-883-6783
html中ul,li,ol,dl,dt,dd的区别和作用
浏览次数: 320次
一个网页相当于一个画中的树,html结构相当于这个树的枝干,而标签则是这个枝干上的果实叶子,css则是颜料,用来装饰这幅画的整体风格,HTML标签语义化相当于将果实和叶子用不同语义的标签将它们区分开来,让别人在看这幅画的时候,一眼能够明白哪部分代码的是果实,哪部分代表的是叶子。 我们经常应用的语义化标签 H1-h6 标题内容 P 段落 Ul 无序 Ol 有序 Dl 定义列表 Thead 表格中的表头内容 Tbody 表格中的主体内容 HTML5中也新增加许多的语义化标签 Header section或者page的页眉 Nav 导航栏 Footer section或者page的页脚 Progress 进度条 Video 视频 HTMl标签语义化,简单来说,就是让标签有含义,给某块内容用上一个最恰当最合适的标签,使页面有良好的结构,页面元素有含义,不论是谁都能够看懂这块内容是什么,并且有利于搜索引擎。
标签语义化的好处:
1. HTML结构清晰
2. 代码可读性较好
3. 无障碍阅读
4. 搜索引擎可以根据标签的语言确定上下文和权重问题
5. 移动设备能够更完美的展现网页(对css支持较弱的设备)
6. 便于团队维护和开发 现在很多大型公司的前端很注重标签语义化,团队组员能够很好的理解页面结构,便于维护
鸿运通为您提供更多有关、、、、等服务!
增值电信业务经营许可证&粤B2-&&& ICP备案:
深圳鸿运通网络科技有限公司. 地址:深圳市龙岗区布吉中房怡芬花园AD202-大芬地铁站A1出口(自有物业)
.LTD ALL RIGHT RESERVED.&& 全国免费***:400 883 6783&
本站部分图文来源网络,如有侵权问题请通知我们处理!