blocks|key|1209534|text|您应该教他们如何使用CSS进行布局，使用表格处理表格数据。他们会发现，他们可以(Mis)使用表格来自行布局。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1209535|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

You should teach them to use CSS for layout and tables for tabular data. They will figure out that they can (mis)use tables for layout all by themselves.

blocks|key|1360293|text|你应该直接教CSS。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1360294|比“做布局”更重要的是，他们需要理解层的分离:内容、表示和行为。一旦你教他们越好。|offset|length|1360295|如果您关心CSS的复杂性，只需做一些简单的练习。关于HTML的XHTML，选择一个来教，坚持它，当它们与你相适应之后，说有其他的选择。IMHO，我会选择HTML。|1360296|entityMap|0|LINK|mutability|MUTABLE|url|http://titleandsummary.com/separation-of-layers-content-presentation-and-behavior/^0|0|I|D|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@$D|R|E|S|1|T]]|A|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]]]

You should teach CSS directly. 

More importantly than "doing layouts" they need to understand the <a href="http://titleandsummary.com/separation-of-layers-content-presentation-and-behavior/" rel="nofollow noreferrer">Separation Of Layers: Content, Presentation, And Behavior</a>. As soon as you teach them the better.

If you're concerned about CSS complexity, just do simple exercises. About XHTML of HTML, choose one to teach, stick to it and after they are confortable with you say there are alternatives. IMHO, I would choose HTML though.

blocks|key|2884183|text|最好先教css布局。表格太容易了--如果他们先学习表格，然后切换到css，他们会想知道为什么你要让他们使用一个系统，这个系统需要在不同的浏览器中工作，并获得与表格相同的高度列和灵活宽度。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2884184|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Better teach css layout first. Tables are too easy - if they learn tables first, and then switch to css, they will wonder why you are telling them to use a system which requires hacks and tricks to work in different browsers, and to get the same-height columns and flexible widths that you get free with tables.

blocks|key|1360107|text|我会从无桌开始，为什么要教出更远的门呢？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1360108|另外，我要使用HTML4/5，XHTML在这一点上被放弃了，这并不是说它没有被使用，但是接下来的几年将转移到HTML5，而不是XHTML。|1360109|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

I would start with non-tables, why teach what's going further out the door?

Also I'd go with the HTML 4/5, XHTML is abandoned at this point...that's not to say it's not used, but the next few years are moving to HTML5, not XHTML.

blocks|key|1360149|text|我会从一个缺乏经验的人的角度来讨论布局设计.|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1360150|因此，在过去，它都是html表，虽然有时要获得所需的东西很麻烦，但至少它是合乎逻辑的。|1360151|然后我读到了“正确的做事方式”，即css如何拯救世界。然后迷路了，也许是我，但是做一些琐碎的事情总是需要大量的css和大量的猜测以及尝试和错误。现在，我必须承认，我没有花很多时间来计算css，但它似乎比表布局直观得多。|1360152|所以。我建议你从css布局开始，我相信你的学生能把它做好。当他们对此感到满意时，请介绍表格布局。如果你反过来做的话，你会把他们搞混(或者至少我很困惑，并且仍然试图把相同的模式应用到css中，这显然是行不通的)|1360153|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|L|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|M|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

i'll speak from a perspective of a really inexperienced person when it comes to layout design...

so, in old days it was all html tables and although at times cumbersome to get what you want, but at least it was logical.

then i read all about the 'correct way of doing things' ie how css can save the world. and got lost, may be it's me, but getting something trivial done always takes lots of fiddling with css and really a huge amount of guesswork and trial and error. now i must admit i haven't spent lot of time figuring out css, but it seems a lot less intuitive than table layout.

so. i would suggest you start with css layout and i trust your students can get it right. when they are comfortable with that, introduce table layout. if you do other way round you will confuse them (or at least i'm confused and still trying to apply same patterns to css, which obviously doesn't work)

blocks|key|1360163|text|别教他们桌子！！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1360164|并教他们xHtml，它更有结构，他们将更好地理解语法。|1360165|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

Don't teach them tables!! 

And teach them xHtml, it is more structured and they will understand the syntax better.

blocks|key|2884198|text|虽然我们都讨厌表的布局，我认为重要的是向他们介绍这个概念，这样他们才能确切地理解CSS有多重要。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2884199|我还建议教他们XHTML，而不是HTML5，当然，当HTML5最终完成的时候，您也许可以做一个关于HTML5可能是什么样子的会话，但是当它还很年轻的时候，这样做是没有意义的，等到他们首先理解XHTML。|2884200|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

Whilst we all hate tables for layouts I think it's important to introduce them to the concept so they can understand exactly how important CSS is.

I would also suggest teaching them XHTML instead of HTML5, sure you can perhaps do a session on what HTML5 might be like when it's finally completed, but it's pointless doing this when it's so young, wait until they understand XHTML first.

blocks|key|1209572|text|如果你一开始就做错了，不要指望以后会自然地修正(我们在网络行业处理的粗心懒惰的程度)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1209573|不如先教他们可访问性，以及布局中的表格是如何布置任何屏幕阅读器的，然后你就不必解释为什么表格会更容易了。|1209574|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

If you start it wrong, don't expect it to be naturally fixed later (with the level of careless laziness we deal with in the web industry). 

How about first you teach them accessibility and how a table in the layout will asplode any screen reader, then you don't have to justify why tables would be easier.

blocks|key|1360241|text|我在我们公司教一些人做html设计。到目前为止，最好的方法是从干净的xhtml+1.0开始，而不是用css添加一些样式，而不是开始添加带有浮点之类的div。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1360242|稍后，向他们展示使用popluar框架(如蓝飞+oder+grid960.gs+)创建3列布局是多么容易。我认为没有理由用表格来教设计(只有当您使用css3和新的表格样式时)。|offset|length|1360243|entityMap|0|LINK|mutability|MUTABLE|url|http://bluetrip.org/|1|http://960.gs/^0|0|L|2|0|T|A|1|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@$D|R|E|S|1|T]|$D|U|E|V|1|W]]|A|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]|N|$5|I|J|K|A|$L|O]]]]

Iam teaching some people html design in our company. The best way till now was to start with clean xhtml 1.0, than add some styles with css, than start to add divs with floating and such things. 

Later show them how easy it is to create an 3 column layout with one of the popluar css frameworks like <a href="http://bluetrip.org/" rel="nofollow noreferrer">Bluetrip</a> oder <a href="http://960.gs/" rel="nofollow noreferrer">grid960.gs</a>. I think there is NO reasons to teach design with tables (only if you use css3 and the new table styles).

blocks|key|1360365|text|HTML还是XHTML？|type|blockquote|depth|inlineStyleRanges|entityRanges|data|1360366|HTML和XHTML是同一种语言(即相同的标记，具有相同的含义)，只是语法略有不同。如果你知道HTML，你就知道XHTML。就学习而言，他们之间没有明显的差别。|unstyled|1360367|HTML4和HTML5之间的差异大于HTML4和XHTML+1之间的差异。|1360368|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$]]|$1|E|3|F|5|D|7|K|8|@]|9|@]|A|$]]|$1|G|3|-4|5|D|7|L|8|@]|9|@]|A|$]]]|H|$]]

<blockquote>
 HTML or XHTML?
</blockquote>

HTML and XHTML are the same language (i.e. the same tags, with the same meaning), just with slightly different syntaxes. If you know HTML, you know XHTML. In terms of learning, there’s no appreciable difference between them.

The difference between HTML 4 and HTML5 is greater than the difference between HTML 4 and XHTML 1.

Should I teach CSS layout directly to new learners or should I first teach how to make layout with tables, then div+CSS?

And what should I teach between HTML or XHTML? Both are same so should I start directly with XHTML 1.0 Strict?

Should I teach CSS layout directly to new learners or should I first teach how to make layout with tables, then table-less layouts?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我应该直接教新学习者CSS布局，还是应该先教如何用表格来布局，然后再教div+CSS？在XHTML1.0和XHTML1.0之间我应该教些什么呢？和都是一样的，所以我应该直接从XHTML1.0开始吗？

问我应该直接教新学习者CSS布局，还是应该先教如何用表格来布局，然后再教没有表格的布局？
EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我应该直接教新学习者CSS布局，还是应该先教如何用表格来布局，然后再教没有表格的布局？EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我应该直接教新学习者CSS布局，还是应该先教如何用表格来布局，然后再教没有表格的布局？
EN