带来一篇HTML和CSS中分歧的视觉语义
符合W3C标准。微软等公司均为W3C支持者。这一点是最重要的,因为这保证您的网站不会因为将来网络应用的升级而被淘汰。破洛洛文章简介:你和用户之间的网站仓库(简化版)在TXJS年夜会的最初一天,一个开辟者问我:面向工具的CSS没有给你留下一年夜堆基于体现的class名?收集仓库中的每层都有它本人的布局。你不会希冀将数据库架构用于构建PHP两头件,人们关于HTML和CSS的希冀是一样一样的。HTML必要用一种
你和用户之间的网站仓库(简化版)
在TXJS年夜会的最初一天,一个开辟者问我:
面向工具的CSS没有给你留下一年夜堆基于体现的class名?
收集仓库中的每层都有它本人的布局。你不会希冀将数据库架构用于构建PHP两头件,人们关于HTML和CSS的希冀是一样一样的。HTML必要用一种能代表数据或内容的成心义的器材来誊写,也就是我所谓的代码语义。HTML中的代码语义关于可移植性和易用性都是极其主要的。另外一方面,CSS在仓库中的确是一个自力的层,它必要能反应页面的视觉语义的属于本人的系统布局。
视觉语义形貌在页面计划中的全体反复形式。他们刻画了你的网站的基础构成部分。现实上,他们常常只必要少量的修正就可以轻松的完成跨站点使用。视觉语义,纷歧定要绑缚到HTML语义,由于你必要一个切合每层仓库的详细需求的架构。
从款式中剥离模板布局
一样,很多PHP开辟职员想要婚配CSS和HTML架构到PHP。也许实验将你最熟习的某一层笼统使用到他们你会以为更具应战?对这一点儿我感应很内疚。在我在Facebook的时分,我但愿PHP层能婚配CSS层。还好Facebook有一些伶俐的开辟者勒住了并帮我促进了了解。
倔强的把CSS和HTML塞到PHP内里能够避免代码太单调(DRY)并终极招致代码痴肥,由于的CSS和HTML必要比PHP更仔细的工具布局。现实上,PHP的模板不是生成符合的,由于每一个模板包括了很多分歧的HTML,和以分歧的体例相分离的CSS工具。
视觉语义!=基于体现的类
必要注重的主要的是,我不是倡议相似“giantBlueHeading”的类名。类名必要体现你要界说的工具布局,而不是特定的视觉类的名。比方,我常常选择好记的对照笼统的类名,如“media”很简单记着。media块由一个流动宽度的图片或flash和一些笔墨或其他内容组合。
media块可用于很多分歧的情形,比方,组合一个图标和一个链接或团体材料图片和用户名。详细用例是从工具布局平分离出来的。HTML能够被看做是CSS工具的实例。
该media块的代码,和很多其他基础的工具都能够在OOCSS开源项目中找到。
PS:假如你对OOCSS不太熟习,能够浏览一下OOCSS的FAQ,和99CSS对该FAQ的中文翻译
译文:VisualSemanticsinHTMLandCSS
本文链接:http://www.blueidea.com/tech/web/2010/7796.asp
</p>
在几乎所有的浏览器上都可以使用。15.以前一些非得通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。 您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。 每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。 Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。 以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。 经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅. Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。 难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人. Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
页:
[1]