在知道回答问题..写完了.提示问题没了...不能白写啊..就贴着吧...囧rz
-----
时下流行的div+css大部分是为了迎合搜索引擎而编写的.
实际上按照标准来说一个网站纯用div+css布局是不合理的....
知道了div+css为什么而编写就知道什么用了... 一般需要提供给搜索引擎的网站大部分使用div+css,据说是能提高网站排名...实际..我没做过实验...不过搜一下也确实,前几名基本上都是div+css布局.
table什么时候用呢..一般用于网站管理后台..不需要提交给搜索引擎的时候..table也大大加快了页面编写的速度..就这样.
好..说下标准.. 页面布局是讲究语义的.. 提倡语义化标签.. 大部分标签都有用处..
例如 .
列表用ul.
段落用p
标题用h.等..
这样不管是搜索引擎还是开发人员,都可以很清楚每个标签的意义..而不是纯粹用div堆起来的..
实际上,排名前几的网站,对这些标签的运用也相当到位..自己可以看看...
顺便再看看新浪啊,搜狐啦,腾讯啦.网易了..淘宝了.百度了.谷歌了.这些网站是怎样布局的..
也有助于你对标签语义化的了解..
分享到:
相关推荐
在网页设计领域,布局方式的发展经历了从表格(Table)到层(Div)+CSS的转变。"Table转div+css工具"就是专为此目的而设计的一款实用软件,它能够帮助开发者将原有的基于表格的HTML代码转换成使用Div和CSS进行布局的...
在网页设计领域,传统的`table`布局曾是构建网页结构的主要方式,但随着Web标准的发展,`div`结合`CSS`布局(层叠样式表)逐渐成为主流。`table`布局虽然简单易用,但在复杂性和可维护性上存在诸多问题,如不易控制...
综上所述,这个压缩包提供的是一套基于Web标准的、使用<div>和CSS进行布局和样式的网页设计模板集合,涵盖了基本页面、博客、表格、笔记和表单等多种场景。通过学习和应用这些实例,开发者可以提升其在网页布局和...
使用DIV+CSS重构的页面容量要比TABLE编码的页面文件容量小得多,前者一般只有后者的1/2大小。 二、 DIV+CSS的网页制作对搜索引擎优化(SEO) 的优势 DIV+CSS网页制作技术对搜索引擎优化的优势在于其能够减少页面...
误区一用了Table就不标准。误区二DIV标签越多越好 Table是为了存储数据DIV是为了架设页面结构 知识三什么是W3C W3C标准是一系列标准的集合包括结构标准表现标准和动作标准 与结构标准...
在内容部分,首先解释了为什么国人习惯称这种布局方式为"Div+CSS",是因为过去网页设计中常使用Table布局,而现在更倾向于使用DIV元素,所以有了这样的叫法。然而,这并不意味着使用Table的页面就不符合标准。实际上...
在界面设计方面,这个系统采用了传统的Table布局而非现代的DIV+CSS方式。Table布局在早期Web开发中非常常见,它便于快速构建网页结构,但对于网页的响应式设计和SEO优化可能不够理想。相比之下,DIV+CSS提供了更好的...
DIV+CSS 的发展可以分为三个历史时期: Table---->table+css---->div+css。从 Table 到 div+css,我们可以看到网页设计的发展趋势。 CSS 的必要性 使用 `<span>` 元素,我们可以看出,CSS 的基本语法 `<元素名 ...
例如,我们可以用以下CSS代码定义一个居中显示的div: ```css .div-center { width: 500px; margin: 0 auto; background-color: #f0f0f0; } ``` 在这个例子中,`.div-center`是div的类名,`width`定义了div的...
尽管表格布局在早期网页设计中很流行,因为它能方便地对齐数据,但随着Web标准的发展,现在更推荐使用div+css来实现布局,因为这种方式更有利于内容的语义化和搜索引擎优化。 在这个“品味咖啡主题”的网页设计中,...
- **减少重绘和回流**:合理使用定位(positioning)、浮动(floating)以及避免使用`table`布局,以减少浏览器的计算负担。 - **CSS预处理器**:如Sass、Less等,可以编写更复杂的CSS,提高代码的组织性和可维护...
### 使用div+CSS实现类似Excel的表格功能 在网页设计中,使用`div+CSS`来构建表格是一种灵活且响应式的设计方式。这种方式不仅能够帮助我们创建出与传统`<table>`标签相似的布局效果,还能更好地控制表格的样式、...
在网页设计领域,`DIV+CSS`布局是一种广泛采用的技术,它改变了早期依赖于`Table`布局的传统方式。本文将深入探讨`DIV+CSS`布局的优势、劣势,并通过实例解析其工作原理,以及如何实现固定头部(hd)和底部(ft)的...
现如今随着技术的不断发展,传统的利用table来进行网页布局的技术已经很少使用了,随着div+css的不断兴起,越来越多的人喜欢利用这项技术来进行网页布局,这份资料将给学习这项技术的初学者提供很好的帮助。
掌握XHTML+CSS网页制作技术并不只是学会使用`div`标签,更重要的是理解Web标准,熟练运用CSS选择器、盒模型、浮动和定位等概念,以及根据需求灵活地创建页面布局。只有深入理解这些基础知识,才能在实际工作中...
在网页设计中,传统的HTML表格(table)曾经是布局的重要方式,但由于其对网页加载速度的影响和不灵活性,现代网页设计更多地倾向于使用CSS布局,尤其是div元素配合CSS样式。"将table转换成div+css"这个主题正是针对...
JS+CSS+DIV+Table实现C#中DataGridView控件可修改单元格的值 点击Table中的TD弹出DIV..输入值点确认就可修改TD的值
这里提到,过去网页布局通常使用表格(Table)进行布局,而随着Web标准的发展,现在的布局更倾向于使用XHTML中的各种标签,而不仅仅是DIV。DIV标签是XHTML中众多块级元素的一种,它不是唯一的布局工具,而XHTML还...
Table2CSS3.0.0完美汉化破解版 介绍:Table2CSS是一款可以将表格布局网页完美转换 成DIV+CSS方式的软件。支持外部CSS,支持网页及目录 批量转换。 更新说明: 3.0.0 +增加DOM(文档对象模型)查看器,允许调整转换设置....