CSS也要语义化

CSS也要语义化的相关文章

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

  标签：Web开发

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

  小雨熊猫9

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

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

  dfcxys

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

  标签：Web开发

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

  北京虎王

  51
• 
  纯语义化XHTML+CSS设计表单方法

  标签：Web开发

  很多CSS爱好者不喜欢HTML表格，尤其是在制作表单的时候，虽然现在已经是XHTML+CSS的年代，但表单的设计大多还在采用table来布局。那么，有没有更好的使用纯语义化XHTML+CSS设计表单方法呢？今天让我们一起来尝试这种更符合语义化的方法来代替Table嵌套的表单元素吧！ 在这里网页教学网要说，并不是要完全摒弃table的使用，它有它的语义化布局作用，尤其是在存储数据的时候。我在大多数情况下会使...[ 查看全文 ]

  guanggusdg

  21
• 
  语义化H1标签

  标签：Web开发

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

  zhangsqb9994

  71
• 
  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
• 
  远离CSS BUG 尽量保持代码有语义

  标签：Web开发

  相信大家对于常见 CSS BUG 的处理已经相对比较熟悉，例如：IE6 Three Pixel Gap、IE5/6 Doubled Float-Margin Bug 等等。但时常我们也会碰到复杂的 CSS BUG 问题，所谓复杂实质是指触发的条件很复杂，而BUG 也并非指一定是浏览器的 BUG 。对于此类问题，我们首先要解决的是如何定位到问题，只有快速的定位到问题，才能更好的解决问题。 对于快速定位，个人的经验处理一般如下（基本可以定位到我在 淘宝 ...[ 查看全文 ]

  大凹人民忧伤

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

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

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

  time寂静的夜晚

  01
• 
  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
• 
  CSS模块化的理解

  标签：Web开发

  在Twinsen Liang的博客上看到一篇名为语义化单单的限定在html么？的文章，文中主要是提及了CSS的命名规则，仔细阅读后，我认为这个其实就是模块化思想。（作者也提了这一点）。 我没有看过CSS模块化的相关书籍，所以我下面说的不一定正确，但是在工作中，我会用我理解的模块化方式提高工作效率，我理解的模块化，主要分为两类。 1、将常见的样式剥离出来，形成单独的样式，我叫他基础样式表或模块样式表...[ 查看全文 ]

  Vei椋

  31
• 
  模块化CSS | 更有效地管理CSS

  标签：Web开发

  为了更有效地管理 CSS，下面是 Sofish 讲解了模块化CSS的概念与观点，希望这些对你有所帮助。 在刚学习CSS初期，就接触了模块化CSS这样的概念，不过，一直没有很好的理解。说起来，理由很简单：因为几乎所有的代码都是为了博客的设 计，而像博客这么小的架构，CSS文件根本不用多，因为本身代码量就小，使用不同表现形式的页面模板并不多，少反而更方便管理。所以，对于模块化CSS的 理解很乱，直接导...[ 查看全文 ]

  熊猫VS爱情

  31
• 
  CSS模块化思想的优势

  标签：Web开发

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

  vampire_5432

  01
• 
  XML 编程思想:利用模式标准化实现自上而下的语义透明

  标签：Web开发

  本期文章将继续探讨语义透明的许多不同方法，介绍这些方法对使用 XML 的开发人员的影响。长途旅行中节省体力的一种办法是搭便车。在 XML 中，可以利用数不清的开放的模式计划，其结果就是通过模式标准化实现自从而下的语义透明。但这并非完全免费的搭便车。在本文中，Uche Ogbuji 考察了第三方模式重用的优缺点。他还提到了 The Semantic Technology Conference 2005，对最近关于姓名建模困难性的讨论作...[ 查看全文 ]

  骨的棒

  41
• 
  不够语义网页设计和语义的网页制作

  标签：Web开发

  这个时代DIV+CSS已经创造着新的神话，不久的将来，也许你所访问的互联网将不再出现Table。 作为一个身处2008年末的Web设计师，你是否好意思承认自己的代码中使用了Table，如果是，你是一个有勇气的人，Web设计是个奇怪的行业，你可以将自己的网站设计得像晚报的分类广告，或者楼道里的开锁广告，但千万别让人知道你使用了Table，在你的源代码中发现Table就像一个销售被人掀起裤脚发现穿了白袜子一样。 ...[ 查看全文 ]

  副歌K

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

  标签：Web开发

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

  潮起潮落Wage

  21
• 
  CSS模块化设计——从空格谈起

  标签：Web开发

  引子： 今天在蓝点看了Yang的博客《CSS样式表中继承关系的空格与不空格》，思考了一下，本来想写《CSS样式的复合定义与复合调用及简单的模块化设计》，但是内容太大，还是来点简单的实惠。所以改叫《CSS样式从空格谈起》吧。 一、空格运算符 （1）CSS语言     简单地说，CSS语言类似JS语言，是通过客户端下载后，通过本地浏览器解析。而CSS语言又是非常低级的弱类型语言，离JS这种基于...[ 查看全文 ]

  爱殇尤情

  41
• 
  CSS模块化设计—从空格谈起

  标签：Web开发

        一、空格运算符       （1）CSS语言       简单地说，CSS语言类似JS语言，是通过客户端下载后，通过本地浏览器解析。而CSS语言又是非常低级的“弱类型”语言，离JS这种基于对象的比较完善的“弱类型”语言，还差相当一段距离。要知道CSS样式是定义出来的，而样式的呈现是根据文档流顺序和CSS优先级别，浏览器自己识别计...[ 查看全文 ]

  多言无悔

  151
• 
  CSS模块化思想的优势(1)

  标签：Web开发

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

  李筱默heart

  91
• 
  网页标准化：CSS代码缩写精简实例

  标签：Web开发

  一些CSS属性允许使用一串值代替许多属性，值使用空格分开。 margin,pdding和border-width允许合并margin-top-width, margin-right-width, margin-bottom-width等等，形式像这样：property:top right bottom left;逆时针顺序。 所以下面的代码： p { border-top-width: 1px; border-right-width: 5px; border-bottom-width: 10px; border-left-width: 20px; } ...[ 查看全文 ]

  刘玲you

  11