首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

用div分组tr标签真是个坏主意吗?

div分组tr标签并不是一个坏主意,这取决于您使用它的目的和方式。

div标签通常用于将内容分组在一起,以便可以在一个逻辑部分中组织它们。而tr标签则通常用于表示表格中的行。

如果您将div和tr标签组合在一起,可以将它们用于创建更复杂的表格结构,例如标题行、列分隔行、表头分隔行等。这可以使您的代码更易于阅读和维护,并且可以使您的表格更易于样式化和调整。

当然,使用div和tr标签来创建表格结构并不是唯一的方法,而且也不是最优的方法。如果您需要创建一个复杂的表格,建议使用HTML表格标签,例如table、tr、td和th等,因为这些标签是专门为表格结构而设计的。

最后,是否使用div分组tr标签取决于您的具体需求,以及您是否愿意使用HTML表格标签。如果您需要更强大的表格功能,建议使用HTML表格标签。如果您只需要创建简单的分组,那么使用div标签可能是更好的选择。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Web-第十六天 EasyUI【悟空教程】

,data-options属性中的不同的值,将标签a渲染为一linkbutton组件.类似的 EasyUI通过识别HTML标签上不同的属性值来将各个不同的标签渲染为不同的组件. 1.2.3.2 EasyUI...:HTML标签自身具有的属性和组件自身具有的属性, 2种方式创建组件时属性的设置格式 *_组件上方法的调用: $('#btn').组件名称('方法名称'); *_组件上事件的绑定 JQ本身支持的事件...,在底部有一按钮栏。...refresh","test02.html"); //重新刷新窗口,加载服务端的资源test02.html 1.4 组件DataGrid DataGrid以表格形式展示数据,并提供了丰富的选择、排序、分组和编辑数据的功能支持...=null){ $.messager.confirm("删除确认","你真忍心删除?",function(dt){ if(dt==true){ $.post("../stu?

1.3K20
  • 前端开发学习──初识Html

    文本内容,特点:上下自动生成空白行,而标签换行不会生成空白行 标题标签,h1-h6 取值到h6,建议h1标签在一页面里只能出现一次 文本标签 文本内容...:跳转的路径,必写 title:提示文本,当鼠标放到链接上时显示的文字 target:_self为默认值,在自身页面打开(关闭自身页面,打开链接页面);_blank打开新页面 (自身页面不关闭,打开一新的链接页面...表格 表格由 标签来定义。每个表格均有若干行(由 标签定义),每行被分割为若干单元格(由 标签定义)。...示意图 对表单信息分组 表单信息分组名称 其他表单控件 <form action="1.php" method...尽可能少的使用无语义的标签div和span; 在语义不明显时,既可以使用div或者p时,尽量p, 因为p在默认情况下有上下间距,对兼容特殊终端有利; 不要使用纯样式标签,如:b、font、u等,改用

    1.8K20

    从零开始学 Web 之 HTML(三)表单

    4、表头 :位于 table 标签tr 标签之间 1 2 表头 3 <tr...PS:当有多个单选框是如何设置只能有一被选中? 只有将 name 的值设置相同的时候,才能实现单选效果。...Label="分组名称" 分组名称。...---- 三、标签语义化 好的语义化的网站标准就是去掉样式表文件(css文件)之后,结构依然很清晰。 根据内容的结构化(内容语义化),选择合适的标签(代码语义化) 有什么? 1、网页结构合理。...1、尽可能少的使用无语义的标签div和span。(比如使用p是段落标签) 2、在语义不明显时,既可以使用div或者p时,尽量p, 因为p在默认情况下有上下间距,对兼容特殊终端有利。

    2.9K30

    Python爬虫——从浏览器复制的Xpath无法解析(tbody)

    今天遇到一问题,我的爬虫想抓取一网页上的有些内容,使用Xpath解析的方式。前几个内容都可以被Xpath解析,但是最后一标签内的内容始终解析不到,困扰了我一上午。最后我一步一步尝试解决了。...table下面直接就是tr标签了,根本没有tbody标签。所以,lxml要是能找到内容才是见鬼了。 ?...经测试,Firefox,Chrome,Edge浏览器都会自动加上这个tbody标签真是巨坑一。别人是站在巨人的肩膀上,我是站在巨人挖的坑里,简称“巨坑”。...我之前的代码里的Xpath是://*[@id="main-content"]/section/div[3]/div/table/tbody/tr[2]/td[2]/pre/text() 真实的Xpath...其实是://*[@id="main-content"]/section/div[3]/div/table/tr[2]/td[2]/pre/text()

    6.8K40

    Web前端教程-HTML及标签的使用

    标签语法 长在尖号后面第一单词就是标签(标记,元素) 一组告诉浏览器如何处理一些内容的标签,通过关键字来识别, , , 不同标签代表不同含义,比如段落标签、文本标签...标签的属性和值 在标签后面的,并通过空格隔开的 元素内部可以设置属性和值,这些属性值用来改变元素某些方面的行为 属性和属性值等号连接,属性值双引号括起来 1.3. 常见的标签 1....--fieldset对表单进行分组, name+form+disabled--> 注册分组 <!...列表标签 标签名称 说明 p 段落 div 通用分组(用途较少) blockquote 引用大段内容 pre 展示格式化的内容 hr 添加分割水平线 ul-li 无序列表 ol-li 有序列表 dl-dt-dd...样式/节 标签 标签名称 说明 style 文档的样式信息 div 文档的节 span 文档的节 header section或者page的页眉 footer section或者page的页脚 section

    1.1K10

    CSS入门级学习

    font-size:14px;}     选择器 属性 值{属性和值构成声明}     选择器:指明网页中要应用样式规则的元素     声明:在英文大括号"{}"中的就是声明,属性和值之间英文冒号...css样式声明或者定义由两部分组成(选择器(样式))   3.2:标签选择器   3.3:类选择器     《实际开发过程中使用类选择器最多》     类选择器名称(css样式代码;)   ...相同点:可以应用于任何元素     不同点:(1)ID选择器只能在文档中使用一,与类选择器不同,在一HTML文档中,ID选择器只能使用一,而且仅一次,而类选择器可以使用多次         ...(2)可以使用类选择器词列表方法为一元素同时设置多个样式,我们可以为一元素同时设置多个样式,但只可以类选择器的方法实现,id选择器是不可以的,不能使用id词列表     ID选择器优先于类选择器...  3.6:子选择器     还有一比较有用的的选择器子选择器,即大于符号>,用来选择指定标签元素的第一代元素   3.7:包含(后代)选择器     包含选择器,即加入空格,用于选择指定标签元素下的后辈元素

    1.4K70

    2.语义化-HTML进阶

    div 是无语义的标签,若 div 来代替h1~h6,后期维护会很困难,而且对 SEO 的影响较大,因为这样会让这个页面丢失大量权重。...在表格中,比较常用的标签是table、tr、td,W3C为了加强表格的语义化,新增了5标签:th、caption、thead、tbody、tfoot: th: 表头单元格。...legend标签 在表单中,我们可以使用fieldset标签来给表单元素进行分组,legend标签用于定义某一组表单的标题。...标签来换行,或是多个标签来实现元素之间的上下间距的经历?...一标签可以另一标签来代替,并且使用CSS修饰实现相同的效果,简单来讲,不同的HTML标签可以通过不同的CSS来实现相同的效果,但是一语义良好的页面跟一语义不好的页面在去除样式之后的表现是截然不同的

    1.2K30

    HTML入门教程_html代码基础

    HTML文档可以任何文本编辑器(比如记事本,UltraEdit等)创建,编辑,因为它的内容在本质也只是一些文本。 在HTML文本中,尖括号括起来的部分称为标签。...标签通常有开始部分和结束部分(也被称为开始标签和结束标签),它们一起限定了这个标签所包含的内容。属性只能在开始标签中指定,属性值可以单引号或双引号括起来。结束标签都以/加上标签名来表示。... 当前分类内容列表... 在这种情况下,最后出现的标签应该最先结束。...有时,要把文档看作不同的部分组合起来的,比如一典型的页面可能包括三部分:页头,主体,页脚。...标签里通常会包含几个标签,代表表格里的一行。标签又会包含标签,每个代表一单元格。

    4.9K40

    聊一聊CSS的过去与未来,加深对CSS的理解

    CSS选择器——样式的不断演变之路 CSS选择器就像标签游戏中的精确指令。它是一条规则,用于识别需要样式化的HTML元素。...还记得旧的HTML标签,比如font和center?我们使用它们是因为我们必须这样做,而不是因为我们想这样做。然后,就像90年代漫画书中的超级英雄一样,CSS出现了,它带来了选择器的力量。...还记得那些时光?当我们使用table、tr和td来安排页面上的一切,甚至连布局都是如此。啊,那些日子真是美好!...tr> Footer 那是一我们迫使HTML按照我们的意愿弯曲的时代,将其用于并非原本意图的用途——布局。...那真是强大的功能! 如果你研究一下grid-template-areas属性,你就可以成为真正的CSS grid专家。 还记得居中元素时的困扰

    29350
    领券