XHTML - Super Cool!

原创 2004年05月12日 22:38:00
今天试着用 XHTML 写了一个 hello, world 级别的简单页面。感觉味道好极了!

我是初次接触 XHTML,现在对它的认识是:它可被看做一种较高级的 web 页面开发模式,规范,高效。

我所使用的 DTD 是 XHTML 1.0 Transitional,所以,很多以前的 HTML 3.x/4.x 标签和属性还能继续使用。真正写起页面来,并没有多大陌生感。使用 Dreamweaver MX 2004 来做代码编辑器,更是减少了范错几率。

一点体会:

Web 重在呈现内容,呈现内容则重在排版。我过去总是用 table 标签来排,很规整,并且感觉严谨。而 XHTML 的开发模式中,使用 div 来排版,一个个层可以随意的绝对定位,相当自由。看上去,和使用 table 相比,页面代码简洁清晰了很多倍!我再看那密密麻麻的 tr、td 时已经觉得难闻了……

CSS 变得更加重要。我以前写页面,CSS 的作用仅仅是规定一下字体,至多再设置一下“平面文本框/按钮”。排版中最重要的“位置”,都是用 table 来写,<td width="20%" align="center"... 位置是固定的方方块块,不能交叉和覆盖;而用 XHTML 来写,div 的位置全部通过 CSS 来确定,position: absolute; left: 20%; top: 40px;... 相对于 table,div 可以出现在任何位置(想起了我大一时第一次用 DW 2.0,把 layer 到处拖~)因此自然能构造比 table 复杂数倍的版面,而代码却异常的少。独立的 CSS 文件可被缓存,整个页面的 size 也就小了。

显然 XHTML 的内涵是丰富的,不过,就入门来讲,只需要注意下面这些要点,就能比较快的从 HTML 转过来(当然,HTML 你也要熟悉先):

1. 所有标签都必须用小写字母,<div>, not <DIV>

2. 标签必须成对:有开始和闭合:<div>...</div>,HTML 中的单个标签,如 <br>、<img> 就需要写成 <br />、<img />。

3. 属性值必须写在双引号中,如 <div id="SomeDiv" />

4. 标签不能交叉嵌套。

5. “&”符号必须用实体“&amp;”替换。

6. “Well-formed document”。

XHTML 的 DTD,写在页首:
code:
<?xml version="1.0" encoding="UTF-8"?>
<!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">

一种很Cool的语言

MS研究院释放了一种新的语言 Cω, 为了校正读音,他们还在网页上设置了语音功能。(读C omega)。Comega扩展了C#语言,在半结构层次数据和关系数据以及CTS之间实现无缝的连接,同时对复杂的...
  • niwalker
  • niwalker
  • 2004年08月05日 19:01
  • 4871

正确理解HTML,XHTML页面的头部doctype定义

摘自http://www.west263.com/info/html/wangyezhizuo/css/20080225/42390.html 当我们制作页面的时候,总会在它的源码头部看到一串声明,...
  • lcstrive
  • lcstrive
  • 2014年06月05日 19:32
  • 1314

Cool Edit Pro 功能详解: Transform or Effect

Filters(滤波器)在它下面还有好多选项:       FFT Filter(FFT滤波器):这个滤波器使用起来还算简单。在对话框的图形窗口中你可以任意画出所需的滤波曲线,并且每个频率转...
  • zhuheng19811111
  • zhuheng19811111
  • 2012年03月26日 11:50
  • 4813

Codeforces 700E Cool Slogans 后缀自动机+可持久化线段树+dp

题意 给你一个长度为n的字符串S,求最长的一个字符串序列a[1..k]a[1..k]满足序列中的每一个字符串都是S的子串,且对于任意的1i=k1都有a[i−1]a[i-1]在a[i]a[i]中至少出...
  • qq_33229466
  • qq_33229466
  • 2018年01月23日 15:31
  • 91

cooledit注册码

cooledit2.1注册码 运行破解注册程序 cep2reg.exe程序注册,输入注册码: Name: mydaj Code: 200-00-NKLYUBNZ cooledit2...
  • littlebee90
  • littlebee90
  • 2017年06月05日 18:21
  • 534

在WINDOWS环境下编译CoolReader for Android

FBReader 有中文乱码的问题, 所以研究目标转向 CoolReader,这也是一个功能非常强大的电子书阅读器。 GIT下载源代码,编译,毫无悬念的一堆错误: 这个问题整整困扰了3天,找不...
  • dyllove98
  • dyllove98
  • 2013年04月20日 14:18
  • 1399

cool edit 如何制作声音淡出效果?

将音乐用软件打开,点击单轨编辑(默认),然后选中你想将之淡出的声音段。 点上面工具栏的“效果”——“波形振幅”——“渐变” 就会出来一个面板。 在面板的右侧有一栏“预置”,找到其中的“Fade out...
  • fengda2870
  • fengda2870
  • 2014年04月13日 20:40
  • 3164

XHTML的规范和使用的一些经验

1,xhtml是用XML 1.0重新形成的HTML 4。 2,一个简单的又全面的xhtml应该是这样的(对...
  • GOALSTAR
  • GOALSTAR
  • 2007年07月19日 13:01
  • 3412

cool edit 安装破解和下载

CoolEdit PRO 2.1 破解版(功能强大的多轨录音软件)非常出色的数字音乐编辑器和MP3制作软件。不少人把Cool Edit形容为音频“绘画”程序。你可以用声音来“绘”制:音调、歌曲的一部分...
  • robinson111
  • robinson111
  • 2014年02月02日 13:46
  • 1532

Cool Edit Pro 中把歌曲的原唱声消除掉制作伴奏带

一个手游的朋友在外面吃饭的时候为了把妹答应了人家一个事儿,然后我千里给人家送姻缘,做好了图片教程发他现场学。。这个也是网上的教程,很没技术含量,但网上多为文字,既然我做好了图片教程,我还是发上来记录一...
  • u010944778
  • u010944778
  • 2015年06月05日 22:29
  • 909
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:XHTML - Super Cool!
举报原因:
原因补充:

(最多只允许输入30个字)