Web标准:六、html列表知识点:1.ul无序和ol有序列表2.改变项目符号样式或用图片定义项目符号3.横向图文列表4.浮动后父容器高度自适应5.IE6的双倍边距bug 1)ul无序和ol有序列表无序列表:是以ul包含li的形式,默认每行前的符号是圆点,可通过样式改为无、方块、空心圆等。有序列表:是以ol包含li的形式,是以数字为项目符号的,无序列表页可以用css定义显示为有序列表。 2)改变项目符号样式或用图片定义项目符号ul项目符号默认是...
当讨论到Web标准时,一些事情总是被提及,那就是结构和表现分离的重要性。 刚开始的时候理解结构和表现的不同之处可能很困难,特别是如果你不习惯于思考文档的语义结构时。 然而,理解这点是很重要的,因为,当结构和表现分离后,用 CSS 文档来控制表现就是很容易的一件事了。 结构 是由文档中的主体部分,再加上语义化、结构化的标记。 表现 是你赋予内容的一种样式。在大多数情况下,表现就是文档看起来的样子,...
HTML为中心的前端开发也差不多是web标准的意思。它们的共同点就在于“分离”思想。 1、HTML是基础 2、CSS依靠选择符提供视觉; 3、Javascript 依靠HTML事件去驱动行为; 4、DOM提供API修改HTML DOM结构的API给javascript调用; 5、AJAX提供XMLHTTP API建立客户端和服务器端的通信,而且是异步通讯; 6、XHTML是用XML重构的HTML。为了更加结构化; 7、HTML的语义化使用和微格式提供数据抽取,就是SE...
HTML5 是近十年来 Web 标准最巨大的飞跃。和以前的版本不同,HTML 5 并非仅仅用来表示 Web 内容,它的使命是将 Web 带入一个成熟的应用平台,在这个平台上,视频,音频,图象,动画,以及同电脑的交互都被标准化。尽管 HTML 5 的实现还有很长的路要走,但 HTML 5 正在改变 Web。HTML 最近的一次升级是1999年12月发布的 HTML 4.01。自那以后,发生了很多事。最初的浏览器战争已经结束,Netscape 灰飞烟灭,IE5 作为赢家后来又发展到...
由于是源自笔记,对每个条目我只会列出称呼和语法特征,暂时没时间写详细的解释和可执行的示例,但是会给出相关的文档地址,除了列出已经支持该特性的浏览器,也会为不支持的浏览器提供替代/过渡的实现。好罢这篇本来是我私下做的笔记,我特别喜欢在Evernote上做备忘的笔记,虽然上次看到漏屋老师的文章里说我现在的年龄才刚刚进入记忆力的巅峰期……但是我的自信心仍然屡受打击!比如跟别人讨论The Dark Knight里小丑...
用web标准设计网站,过渡的方法主要是采用XHTML+CSS,css样式表是必不可少的。这就要求所有网页设计师必须熟练掌握CSS,如果你以前不常用,那么现在就开始学习吧。要制作符合web标准的网站,不懂CSS是设计不出漂亮的页面的。 事实上,所有表现的地方都需要用CSS来实现。我们以前都习惯用table来定位和布局,现在要改用DIV来定位和布局。这是思维方式的变化,一开始有些不习惯。呵呵,任何变革都会有阻力的,为了享受标准带来的"益...
这些技巧主要讲meta标签设置的,其实与符合web标准关系不大,只要注意在最后加"/"关闭标签就可以,但是既然是入门教程,就写得详细一点吧。收藏夹小图标 如果你将本站加入收藏夹,可以看到在收藏夹网址之前的IE图标变成了本站特别的图标。要实现这样效果很简单,首先制作一个16x16的icon图标,命名为favicon.ico,放在根目录下。然后将下面的代码嵌入head区:<link rel="icon" href="/favicon.ico" type="image/x-icon" /><link...
在开始正式内容制作之前,我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。1.所有的标记都必须要有一个相应的结束标记以前在HTML中,你可以打开许多标签,例如<p>和<li>而不一定写对应的</p>和</li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构,所有标签必须关闭。如果是单独不成对的标签,在标签最后加一个"/"来关闭它。例如:<br /><img height="80" alt="网页设计...
第一天 开始制作符合标准的站点,第一件事情就是声明符合自己需要的DOCTYPE。 查看本站首页原代码,可以看到第一行就是:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 打开一些符合标准的站点,例如著名web设计软件开发商Macromedia,设计大师Zeldman的个人网站,会发现同样的代码。而另一些符合标准的站点(例如k10k.net)的代码则如下:...
DOCTYPE声明好以后,接下来的代码是:<html xmlns="http://www.w3.org/1999/xhtml">通常我们HTML4.0的代码只是<html>,这里的"xmlns"是什么呢? 这个"xmlns"是XHTML namespace的缩写,叫做"名字空间"声明。名字空间是什么作用呢?阿捷自己的理解是: 由于xml允许你自己定义自己的标识,你定义的标识和其他人定义的标识有可能相同,但表示不同的意义。当文件交换或者共享的时候就容易产生错误。为了避免这种错误发生,XML采用...
在较早之前的网页上,我们经常可以看到如下的网页结构代码:<html><head><title>这是一个网页</title><meta name=”…” content=”…” />……</head><body>……</body></html>很显然的,这种结构的网页代码是不符合Web标准规范的,但是浏览器仍然可以很好的呈现出这个网页来,只要代码没出什么错误。这个其实就像是用Table布局的页面跟Div构架的页面一样,浏览器都可以呈现出来,关健是哪个页面呈现的质量会更高。做出一个页面,...
第三步是定义你的语言编码,类似这样:<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 为了被浏览器正确解释和通过W3C代码校验,所有的XHTML文档都必须声明它们所使用的编码语言,我们一般使用gb2312(简体中文),制作多国语言页面也有可能用Unicode、ISO-8859-1等,根据你的需要定义。 通常这样定义就可以了。但是要补充说明的是,xml文档并不是这样定义语言编码的,XML的定义方式如下:<?XML vers...
准备工作:1.选择 !DOCTYPE 过渡的(Transitional): 要求非常宽松的DTD,它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。虽然W3C不赞成使用<font>等标签,但是还是有很多网页爱好者在很喜欢用,所以W3C不得不把font补进到HTML 4.0的标准中.因此使用过渡式你还可以使用这些标签. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 严格的...
自适应高度的问题,采用 Div + CSS 进行三列或二列布局时,由于事先不知道具体高度,只能根据内容的增减自适应高度,很多情况下要求两列(或三列)Div的高度相同,以前用 Table 很容易实现,但采用 Div + CSS 就显得比较麻烦了。一般的做法,大都采用背景图填充或 JS 脚本控制的方法使各Div高度相同,这里看到一个解决方法,记录如下: 它主要是采用“隐藏容器溢出”和“正内补丁”和“负外补丁”结合方式,示例代码如下: ...
CSS Sprites在国内很多人叫css精灵或css雪碧。它是把网页中一些背景图片整合到一张图片文件中,再利用CSS的背景图片定位到要显示的位置。这样做可以减少文件体积,减少对服务器的请求次数,提高效率。 讲CSS Sprites之前,先把背景图片给搞清楚 #menu ul li a { background:#ccc url(images/nav_bg2.gif) 0 0 no-repeat; } css背景属性缩写后如上所示,#ccc表示背景色;url()里是背景图片路径;接下来的两个数值参数分别是...