美文网首页
网页制作时结构与表现相分离

网页制作时结构与表现相分离

作者: chansey | 来源:发表于2017-05-19 12:12 被阅读42次

分离的思想

  • HTML = 结构
  • CSS = 表现
  • JavaScript = 行为

怎么做

  • 优先 HTML 结构和语义化
  • 不要被样式打扰

拿到一个网页的设计图时:

  • 首先关注网页的文字内容及内容模块之间的关系
  • 把重点放在编写 HTML 语义化的代码上,而不要过多的考虑设计图上的布局样式
  • 等html按内容编写完以后再考虑样式如何实现
  • 力求不改变样式结构的基础上完成要求的视觉效果

相关文章

  • 5.网页简单布局之结构与表现原则

    ** 1.结构与表现相关内容简介** 网页制作中 结构(HTML)、表现(CSS)、行为分离(JavaScript...

  • 网页制作时结构与表现相分离

    分离的思想 HTML = 结构 CSS = 表现 JavaScript = 行为 怎么做 优先 HTML 结构和语...

  • HTML5--01Day

    一个设计优良的网页要求结构、表现、行为三者分离 其中HTML就是用来编写网页的结构的 下面是HTML的一些基本用法...

  • CSS3

    一、什么是CSS 概念:级联样式表(层叠样式表) 作用:决定网页的样式、外观。 优势:内容与表现分离;网页的表现统...

  • 怎样理解内容与样式分离的原则?

    1.一个网页可以简单的分为三个部分:HTML——结构,CSS——表现,JavaScrip——行为。内容和样式的分离...

  • CSS基础

    Cascade Style Sheet——层叠样式表,得页面的结构和表现分离。 html 在一个网页中负责的事情是...

  • 每日前端签到(第109天)

    第109天(2018-11-21) [html] 页面布局中的结构与表现分离,那么什么是结构?什么是表现呢? [c...

  • css第一节课(设置文字颜色大小样式等)

    CSS的优势 (1) .内容与表现分离(2) .网页的表现统一,容易修改(3) .丰富的样式,使得页面布局更加灵活...

  • 前端书写规范

    ==注重结构、表现、行为分离== 1. html结构 2. css表现 3. JavaScript

  • 前端面试每日 3+1 —— 第116天

    今天的知识点 (2019.08.10) —— 第116天 [html] 页面布局中的结构与表现分离,那么什么是结构...

网友评论

      本文标题:网页制作时结构与表现相分离

      本文链接:https://www.haomeiwen.com/subject/oftjtxtx.html