换个角度看页面重构中的语义化

换个角度看页面重构中的语义化的相关文章

• 
  换个角度拍建筑

  标签：摄影技巧

  这些照片有着吸引眼球的魔力，也有着时尚的感觉，非常符合现代建筑的主题。怎样拍出这照片? 技巧一：引导线的运用 构图其中一项非常有用的技巧便是引导线，只要我们找出物体的线条，然后利用线条一直延伸到照片的一部分，那么我们的目光便会不其然被带到该主体。照片中的柱便是一个很好的例子，你是否被吸引到看着建筑物的顶部呢? 技巧二：利用广角镜头拍出震憾感 广角镜头加上仰拍能够把空间感放大，令...[ 查看全文 ]

  月峰翡翠

  211
• 
  详细解析网页重构中页面细节处理心得

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  一个页面的细节，从重构的角度去看，页面的精细度，代码的可读性、扩展性，为下游服务的代码注释，交互接口样式的书写，代码的压缩，图片的优化等都可以归为细节处理，我的理解是，刚才提到的细节处理是每个重构工程师都应该具备的基本技能，不能算是真正意义上的细节，好的细节处理应该是从用户出发，应该是发自内心对用户的一种关怀。下面有两个小例，都是我们做页面时常见的板块，如果我们细心处理一下，...[ 查看全文 ]

  hzj韩志杰

  21
• 
  CSS也要语义化

  标签：Web开发

  其实想重提下那个话题，一直都在忙这忙那的没时间。好不容易到一个周末了，原定安排是去D2的但是因为时间安排不过来，所以能抽空写写。早前的讨论不了了之，其实这一点都不是Twinsen的风格。 名字，你看名字多重要，我不太清楚。我写书的话我的书被人改变名称去误导别人我是不喜欢的。这是我一直说的作为一个技术人员应当遵守的准则互联网创作共享协议。我不能抄一个刚入门的小朋友Idea（因为他们思维没...[ 查看全文 ]

  冰雨1198

  11
• 
  从重构的角度学习bridge设计模式

  标签：编程语言 网络编程

  从重构的角度学习bridge设计模式 Bridge模式是一个在实际系统中经常应用的模式。它最能体现设计模式的原则针对接口进行编程，和使用聚合不使用继续这两个原则。 !-- frame contents -- !-- /frame contents -- 由于我们过分的使用继续，使类的结构过于复杂，不易理解，难以维护。非凡是在Java中由于不能同时继续多个类，这样就会造成多层继续，维护更难。 Bridge模式是解决多...[ 查看全文 ]

  贪婪的大地

  51
• 
  HTML5中语义化 b 和 i 标签

  标签：Web开发

  b 和 i 标签在现在的 Web 标准潜规则中是不推荐使用，甚至是反对使用的，因为认为他们只是“表现”粗体和斜体，而没有任何“语义”。更多的用 strong 和 em 标签代替。 而在新的 HTML5 工作草案 中对于 b 和 i 标签是这样定义的： 从规范中可以注意到：b 和 i 元素将被赋予真正的语义。更应有预见性注意 b 、i 与 strong 、em 的不同使用 。 扩展阅读： HTML4 到 HTML5 的变化 A Preview of HTML 5 ...[ 查看全文 ]

  China传媒12

  21
• 
  换个角度 iPhone也能拍好照片

  标签：照片

  都说单反穷三代，在你为更加昂贵的镜头义无反顾时，iPhone摄影已经悄悄的走进不少摄影爱好者的视线。如果你是喜欢摄影的朋友，与其花心思在选购什么镜头上，不如先用好手中的iPhone。 有一组研究数据表明：国内83%的用户单次使用APP的时间小于10分钟，59.1%的用户单次停留时间还不到3分钟。对于图像处理而言，3分钟足够让你磨出一张光滑嫩白的脸，却不能让你磨出一张主题深刻的摄影作品。 换个态度。...[ 查看全文 ]

  蟀哥一只

  21
• 
  语义化H1标签

  标签：Web开发

  大家都知道搜索引擎比较喜欢H1。在SEO中H1也是很基础也很重要的一步。但有些时候为了界面风格的原因，很多标题性的文字做成了图片。大多数情况下，切割页面的时候就直接用上了图片。在代码上，H1也就对搜索引擎失去了作用。 h1img src=http://www.****.com/xxxx.jpg/h1 其实通过一点小的调整则可以将两者兼顾。 再来看看这段。H1的代码对搜索引擎依然可读，我们只是利用text-indent:-9999px;将邀请好友...[ 查看全文 ]

  zhangsqb9994

  71
• 
  CSS页面布局中HTML结构化

  标签：Web开发

  您正在学习WEB标准CSS网页布局吗？是不是还不能完全掌握纯CSS布局？通常有两种需要您特别注意： 第一种可能是你还没有理解CSS处理页面的原理。 在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉的表现层属性束手无策。 例如：cellpadding,、hspace、ali...[ 查看全文 ]

  潮起潮落Wage

  21
• 
  活动专题页面设计中的情境化应用

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  市面上为大众所喜闻乐见的活动专题页面基本是：以漂亮精美有视觉张力的人物及卡通形象做视觉主体+有效衬托主题的场景元素做渲染背景，结合活动的主题、操作详情等等元素，达成体验上清晰便捷、视觉上有冲击力和感染力的页面，像这些： 问题： 这类的页面往往乍一看很吸引，但没有太多内在力量，并且我本身负责的项目之前以红钻营收为主，常面临素材缺失的问题(受红钻特性所限，QQ秀形象和场景均比较单薄...[ 查看全文 ]

  Erica孝慈

  21
• 
  HTML5 语义化结构化规范化

  标签：Web开发

  HTML结构更加清晰、规范，学习HTML5优化结构的思路。 HTML 5 添加了一些新元素，用来标识常用的结构，是html更具语义化，可是我们无法直接使用，即使可能用到还要等他个十年八年的。 那就像微格式一样，使用class代替，或者随意点，使用id和class名来代替，让自己的结构更加清晰化，可以推广为规范，让团队协作更加顺畅。 一些新增的结构标记 ◎ section：这可以是书中的一章或一节，实际上可以是在 HTML...[ 查看全文 ]

  一个傻瓜897

  31
• 
  语义化 H1 标签

  标签：Web开发

  大家都知道搜索引擎比较喜欢H1。在SEO中H1也是很基础也很重要的一步。但有些时候为了界面风格的原因，很多标题性的文字做成了图片。大多数情况下，切割页面的时候就直接用上了图片。在代码上，H1也就对搜索引擎失去了作用。 h1img src=”http://www.****.com/xxxx.jpg”/h1  jb51.net 其实通过一点小的调整则可以将两者兼顾。   再来看看这段。H1的代码对搜索引擎依然可读，我们只是利...[ 查看全文 ]

  张莎莎76

  41
• 
  页面重构工程师眼中的用户体验

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  在工业化设计融入人们生活的现今，用户体验一词就常常出现在人们的视线里，随着互联网web2.0时代的到来，大大小小的网站设计中也都开始关注用户体验的方面，对什么是用户体验(百度这四个字，比我写什么解释都好)就不做详细赘述了，相信大家比我了解的更加丰富。 用户体验从产品设计阶段便开始介入进来，如原型设计中交互模式设计、功能实现方式设计都融入了设计人员对用户的关怀，听过这样的一句话：具有良...[ 查看全文 ]

  风火轮831

  11
• 
  CSS教程：语义化方法替代结构化方法

  标签：Web开发

  CSS代码的命名惯例一直是大家热门讨论的话题。今天网页教学网想通过分析一个流行三栏布局中的必要元素，来为大家讲解关于使用语义化方法替代结构化方法来命名CSS类的建议和指导。 CSS类命名的语义化VS结构化方式 一般而言，CSS类名的语义化声明方式应当考虑你的页面中某个相对元素的用意，独立于它的定位或确切的特性(结构化方式)。像left-bar, red-text, small-title这些都属于结构化定义的例子。 ...[ 查看全文 ]

  小雨熊猫9

  11
• 
  CSS页面布局中HTML结构化设计

  标签：Web开发

  您正在学习WEB标准CSS网页布局吗？是不是还不能完全掌握纯CSS布局？通常有两种需要您特别注意： 第一种可能是你还没有理解CSS处理页面的原理。 在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉的表现层属性束手无策。 例如：cellpadding,、hspace、align="left"...[ 查看全文 ]

  令狐笑

  191
• 
  从医学角度看西红柿

  标签：饮食禁忌 健康饮食

  简介：西红柿又名番茄、洋柿子。相传西红柿最早生长在南美洲，因色彩娇艳，人们对它十分警惕，视为“狐狸的果实，”又称狼桃，只供观赏，不敢品尝。现在它是不少人餐桌上的美味，西红柿含有丰富的胡萝卜素、维生素B和C，尤其是维生素P的含量居蔬菜之冠。 功效：番茄红素对心血管具有保护作用，并能减少心脏病的发作。蕃茄红素具有独特的抗氧能力，能清除自由基，保护细胞，使脱氧核糖核...[ 查看全文 ]

  WD昨天已成过去

  591
• 
  通过语义化的标签减少DIV简化网页代码

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  如果你在生成页面的时候过多的使用div，那你有必要阅读这篇文章了。本文主要关注如何通过语义化的标签、减少div使用等方法来简化代码。你是否在修改某人的页面时，被他的乱七八糟的代码搞晕乎?简洁的代码不但方便自己，同时方便你的团队成员。他在你调试页面或编辑的时候节省你的时间(尤其对于大的项目来说)。 一、去掉不必要的div标签 我看到好多人都在form或ul列表的外面嵌入一个div结构，为什么要嵌入...[ 查看全文 ]

  time寂静的夜晚

  01
• 
  网页CSS优化使网页具有语义化

  标签：Web开发

  一、使用css缩写 使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。 二.明确定义单位，除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100，但是在CSS中，你必须给一个准确的单位，比如:width:100px width:100em。只有两个例外情况可以不定义单位:行高和0值。除此以外，其他...[ 查看全文 ]

  超级softsugar

  11
• 
  Eclipse中自动重构实现探索

  标签：Java JAVA基础

  本文用eclipse的自动重构功能对一个程序实例进行重构，目的是探索Eclipse自动重构可以在多大程度上辅助重构这个过程。程序实例使用《Refactoring：Improving the Design of Existing Code》一书中的例子。 Eclipse的自动重构功能能够很好地支持各种程序元素的重命名，并自动更新相关的引用。Eclipse能够支持方法、字段在类之间移动，并自动更新引用。Eclipse较好地支持内联字段、函数的...[ 查看全文 ]

  三分有半

  111
• 
  CSS教程:语义化标记抛弃DIV标记

        曾经，设计师们经常会跟频繁使用基于table的没有任何语义的布局。不过最终还是要感谢像Jeffrey Zeldman和Eric Meyer这样的思想革新者，聪明的设计师们慢慢的接受了相对更语义化的div布局替代了table布局，并且开始调用外部样式表。但不幸的是，复杂的网页设计需要大量不同的标签结构代码，我们把它叫做div-soup 综合症。也许你很熟悉下面的代码:   div id = &qu...[ 查看全文 ]

  dfcxys

  201
• 
  加深对HTML和CSS标签语义化的理解

  标签：Web开发

  前两天参加了公司组织的一个WD培训，有一节课讲了标签语义化，听了之后感觉特别有用，更正了我以前对 HTML 和 CSS 的错误看法。 首先说明的一点是， 人可以通过视觉的划分判断内容的语义,搜索引擎看到的只是代码。搜索引擎只能通过标签来判断内容的语义。 以前我真的没有怎么重视过搜索引擎，现在开始比较在意了，因为页面的很大一部分流量是来自搜索引擎的，要使页面尽可能地对搜索引擎友好，所以就要...[ 查看全文 ]

  北京虎王

  51