Skip to content

[html] 第116天 页面布局中的结构与表现分离,那么什么是结构?什么是表现呢? #1045

Open
@haizhilin2013

Description

@haizhilin2013

第116天 页面布局中的结构与表现分离,那么什么是结构?什么是表现呢?

Activity

LinStan

LinStan commented on Aug 10, 2019

@LinStan

结构指的是HTML文件
表现指的是CSS样式
两者分离的意思是指HTML中定义好整个页面的结构,这样可以通过引用不同的样式文件方便的完成网页换肤等操作

ghost

ghost commented on Aug 10, 2019

@ghost

要知道一部分内容属于结构还是表现,有一个简单的测试:如果盲人需要让屏幕阅读器朗读这部分内容,那它就是结构;如果不需要,那它就是表现。

Joan428

Joan428 commented on Aug 10, 2019

@Joan428

1.结构,是由HTML或者XHTML之类的标记语言负责创建,标签对网页内容的语义含义做出了描述,如

标签表达了这“这是一个文本段落”,但只是表达了其语义,并没有包含关于内容如何显示的信息。
2.表现,是由CSS完成的。CSS描述页面内容应该如何呈现,比如我们可以定义这样一个CSS来声明:“文本段应该使用灰色的Arial字体和另外几张scan-serif字体来显示。”

EmiyaYang

EmiyaYang commented on Aug 11, 2019

@EmiyaYang

结构是指页面内容的组织方式,由 DOM 标签的排列组合、嵌套关系以及语义化标签来体现。

表现是指页面内容的呈现方式,包括颜色、大小、位置等样式特点。

qp97vi

qp97vi commented on Aug 12, 2019

@qp97vi

结构:HTML文件
表现:Css文件
行为:JS文件
是web开发的一种思路这样做便于后期代码的管理、维护

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @haizhilin2013@EmiyaYang@LinStan@qp97vi@Joan428

        Issue actions

          [html] 第116天 页面布局中的结构与表现分离,那么什么是结构?什么是表现呢? · Issue #1045 · haizlin/fe-interview