WEB标准化当前位置 / 首页  /  文章中心  /  WEB标准化
什么是XHTML?

什么是XHTML?

我们都知道HTML。HTML代表超文本链接语言。你可能会问我:到底什么是“超文本链接语言”。他是用于指定文本的显示方式的。当你设计网页时,你一定希望以一种特定的方式显示内容和文本。你可能希望某些文本以粗体字或斜体字显示,而其它字体,你可能希望它显示得大点或以其它颜色显示。HTML并不是唯一的标记语言。这里还有其它可应用于应用程序中的标记语言,如:word 处理或其它的软件应用程序。然而,HTML自从创建之初就成为了最为重要的标记语...

查看全文artery2009-06-081560
X-SPACE 个人空间模板制作

X-SPACE 个人空间模板制作

最近写了一篇关于X-SPACE 个人空间模板制作的教程,有些繁琐,估计写完后也没多少网友能真正学会并灵活实用,标准页面的制作对于业内人士来说也要有一段适应时间,更不用说普通用户了,真希望程序开发商们在以后的完善过程中能更多地为大众考虑,毕竟大众是主体。试探地做了个简单方案,看似简单,里面要考虑的使用中的变化还是很多的,幸好X-SPACE 的CSS可以相互补充使用,要修改的部分可以单独分离出来调整,不用把全部的样式读懂,每个人习惯不同,全部读...

查看全文artery2009-06-0814870
什么是DOCTYPE

什么是DOCTYPE

DOCTYPE是document type(文档类型)的简写,用来说明你用的XHTML或者HTML是什么版本。 其中的DTD(例如上例中的xhtml1-transitional.dtd)叫文档类型定义,里面包含了文档的规则,浏览器就根据你定义的DTD来解释你页面的标识,并展现出来。 要建立符合标准的网页,DOCTYPE声明是必不可少的关键组成部分;除非你的XHTML确定了一个正确的DOCTYPE,否则你的标识和CSS都不会生效。 XHTML 1.0 提供了三种DTD声明可供选择:过渡的(Transitional):要求非常宽...

查看全文artery2009-06-081330
DIV+CSS布局网页对网站SEO的影响

DIV+CSS布局网页对网站SEO的影响

SEO主要就是通过对网站的结构,标签,排版等各方面的优化,使Google等搜索引擎更容易搜索网站的内容,并且让网站的各个网页在GOOGLE等搜索引擎中获得较高的评分,从而获得较好的排名。DIV+CSS网页布局对SEO有哪些影响呢?   代码精简   使用DIV+CSS布局,页面代码精简,这一点相信对XHTML有所了解的都知道。代码精简所带来的直接好处有两点:一是提高spider爬行效率,能在最短的时间内爬完整个页面,这样对收录质量有一定好处;二是由于能高效的爬行,就...

查看全文artery2009-06-081100
做WEB2.0网站可以参考的十九条规则

做WEB2.0网站可以参考的十九条规则

一、首先是原创,是内容的提供,让用户成为网站的主人而不是网站的客户;   (一)原创网站:不以复制和粘贴为网站内容的基本获取手段,只在前期和特定栏目及特定时间发布部分内容,但也需依照事前确定的网站规则进行。   (二)资源网站:我们不以服务或者具体产品为主要模式,而是以资源供应商和资源生产组织者(非集成)的身份开展合作、运营相关的推广和收益拓展等,其中内容是资源的一部分。   (三)用户网站:网站的宗旨是办用户自己的网站(非...

查看全文artery2009-06-081120
改用

改用"em"使您的IE可以调整字体大小

很长一段时间,我都使用12px作为网站的主要字体大小。10px太小,眼睛很容易疲劳,14px虽容易看清,却破坏页面的美感。唯独12px在审美和视力方面都恰到好处。谁对我的网站字体大小有意见? 很多视力不佳的人是最先抱怨的。这使我们意识到12px,其实只是让我觉得很不错而已,而对于那些视力下降明显的中年以上的人来讲,几乎等于10px对于我的感觉。 于是我告诉他,在“查看”里调整“文字大小”就可以了。但是却发现这是徒劳的。在Firefox能轻易调整的...

查看全文artery2009-06-089310
Div即父容器不根据内容自适应高度的解决方法

Div即父容器不根据内容自适应高度的解决方法

Div即父容器不根据内容自适应高度,我们看下面的代码:<div id="main"> <div id="content"></div> </div>   当Content内容多时,即使main设置了高度100%或auto。在不同浏览器下还是不能完好的自动伸展。内容的高度比较高了,但容器main的高度还是不能撑开。  我们可以通过三种方法来解决这个问题。   一,增加一个清除浮动,让父容器知道高度。请注意,清除浮动的容器中有一个空格。<div id="main"> <div id="content"></div> <div style...

查看全文artery2009-06-0810781
DIV CSS设计时IE6、IE7、FF 与兼容性有关的特性

DIV CSS设计时IE6、IE7、FF 与兼容性有关的特性

在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果! 所有浏览器 通用 height: 100px; IE6 专用 _height: 100px; IE6 专用 *height: 100px; IE7 专用 *+height: 100px; IE7、FF 共用 height: 100px !important; 一、CSS 兼容 以下两种方法几乎能解决现今所有兼容. 1, !important (不是很推荐,用下面的一种感觉最安全) ...

查看全文artery2009-06-083710
IE6/IE7和Firefox对Div处理的差异

IE6/IE7和Firefox对Div处理的差异

基本HTML代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Div Float Sample</title> <style type="text/css"> div { margin:3px; } .d1 { width:250px; min-height:20px; border:1px solid #00cc00; } .d2 { width:130px; min-height:40px; border:1px solid #0000cc; } .d3 { wid...

查看全文artery2009-06-082271
HTML中小meta的大作用

HTML中小meta的大作用

  meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head>中,meta 标签的用处很多。meta 的属性有两种:name和http-equiv。name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。这其中最重要的是description(站点在搜索引擎上的描述)和keywords(分类关键词),所以应该给每页加一个meta值。比较常用的有以下几...

查看全文artery2009-06-08940
word-break: break-all

word-break: break-all

有网友和我提到一个Bug,他说他的编辑框变形了。后来我看了他的代码发现编辑框没有自动换行。被文章中的英文撑开了。 于是我告诉他,让他在skin的CSS里加上 word-break: break-all; 问题解决了。这个问题只有IE才有,我在FF下测试,FF可以自己加滚动条,这样也不影响效果。 建议大家做Skin时,记得加 word-break: break-all; 这样可以解决IE的框架被英文撑开的问题。 以下引用word-break的说明, 注意word-break 是IE5+专有属性语法:word-break...

查看全文artery2009-06-0818061
word-wrap同word-break的区别

word-wrap同word-break的区别

word-wrap: normal  Default. Content exceeds the boundaries of its container. break-word Content wraps to next line, and a word-break occurs when necessary. 必要时会触发word-break。word-break: normal  Default. Allows line breaking within words. 好像是只对Asian text起作用。 break-all Behaves the same as normal for Asian text, yet allows the line to break arbitrarily for non-Asian text. This value...

查看全文artery2009-06-082460

[ ARTERY.cn 随机图赏 ]

男子裸身破冰救爱犬
喵星人玩滑板,超帅!!
iPhone6分辨率与适配
移动设计,交互性为王
设计趋势:网页设计中的幽灵按钮
解决汉堡图标问题