手机开发实战83——HTML介绍2

本文详细介绍了HTML的特点,包括简易性、可扩展性和平台无关性,并探讨了HTML的编辑工具,如基本编辑软件、半所见即所得和所见即所得软件。此外,还讲解了HTML的基本规范,包括文档头、文档体和基本标签的使用。最后,提到了HTML向XHTML的过渡,以及XHTML作为XML应用的优势和未来发展方向。
摘要由CSDN通过智能技术生成

HTML特点

HTML文档制作不是很复杂,且功能强大,支持不同数据格式的文件镶入,这也是WWW盛行的原因之一,其主要特点如下:

  简易性,HTML版本升级采用超集方式,从而更加灵活方便。

  可扩展性,HTML语言的广泛应用带来了加强功能,增加标识符等要求,HTML采取子类元素的方式,为系统扩展带来保证。

  平台无关性。虽然PC机大行其道,但使用MAC等其他机器的大有人在,HTML可以使用在广泛的平台上,这也是WWW盛行的另一个原因。

  用什么可以编辑HTML                  

  HTML其实是文本,它需要浏览器的解释,HTML的编辑器大体可以分为三种,

  基本编辑软件,使用WINDOWS自带的记事本或写字版都可以编写,当然,如果你用WPS来编写,也可以。不过存盘时请使用.htm.html作为扩展名,这样浏览器就可以解释执行了。

  半所见即所得软件,这种软件能大大提高开发效率,它可以使你在很短的时间内做出Homepage,且可以学习HTML,这种类型的软件主要有HOTDOG,还有国产的软件网页作坊。

所见即所得软件,使用最广泛的编辑器,完全可以一点不懂HTML的知识就可以做出网页,这类软件主要有Frontpage98DREAMWEAVER

HTML规范

一个HTML文档是由一系列的元素和标签组成.元素名不区分大小写.HTML用标签来规定元素的属性和它在文件中的位置,

  HTML超文本文档分文档头和文档体两部分,在文档头里,对这个文档进行了一些必要的定义,文档体中才是要显示的各种文档信息。

  下面是一个最基本的html文档的代码:11.html

  <HTML> ---------------------------------------- 开始标签

  <HEAD> --------------------------------------

  <TITLE> 一个简单的HTML示例 </TITLE> | 头部标签

  </HEAD> --------------------------------------

  <BODY> ----------------------------------------

  <CENTER> |

  <H1>欢迎光临我的主页</H1> |

  <BR> |

  <HR> | 文件主体

  <FONT SIZE= 7 COLOR= red> |

  这是我第一次做主页 |

  </FONT> |

  </CENTER> |

  </BODY> ---------------------------------------

  </HTML> --------------------------------------- 结尾标签

  <HTML></HTML>在文档的最外层,文档中的所有文本和html标签都包含在其中,它表示该文档是以超文本标识语言(HTML)编写的。事实上,现在常用的Web浏览器都可以自动识别 HTML文档,并不要求有 <html>标签,也不对该标签进行任何操作,但是为了使HTML文档能够适应不断变化的Web浏览器,还是应该养成不省略这对标签的良好习惯。

  <HEAD></HEAD>HTML文档的头部标签在浏览器窗口中,头部信息是不被显示在正文中的,在此标签中可以插入其它标记用以说明文件的标题和整个文件的一些公共属性。若不需头部信息则可省略此标记,良好的习惯是不省略。

  <title></title>是嵌套在<HEAD>头部标签中的,标签之间的文本是文档标题,它被显示在浏览器窗口的标题栏。

  <BODY> </BODY>标记一般不省略,标签之间的文本是正文,是在浏览器要显示的页面内容。

  上面的这几对标签在文档中都是唯一的,HEAD标签和BODY标签是嵌套在HTML标签中的。

 

  一、 HTML 头:

  1、针对日文环境:

  <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN">

  <html lang="ja">

  <head>

  <meta http-equiv="Content-Type" content="text/html; charset=EUC-JP">

  <meta http-equiv="Content-Script-Type" content="text/javascript">

  <meta http-equiv="Content-Style-Type" content="text/css">

  <title>yourtitle</title>

  </head>

  2、针对中文环境:

  <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN">

  <head>

  <meta http-equiv="Content-Type" content="text/html; charset=GB2312">

  <meta http-equiv="Content-Script-Type" content="text/javascript">

  <meta http-equiv="Content-Style-Type" content="text/css">

  <title>yourtitle</title>

  </head>

  我们建议的编码格式是utf-8,它支持多语种,并且可以避免出现乱码的情况。

  二、htmljavascript的书写:

  <head>…..

  <script type="text/javascript">

  <!—…..-->

  </script>

  </head>

  当然我们不希望你是这样内嵌教本,而是从一个外部文件进行引用,并且只把它放在文档的头部。

<script

src="path/to/script.js" language="javascript" type="text/javascript">

</script>

  三、html中元素的书写:

  1元素属性值必须包含在双引号中;

  <font color=”#000000” size=”3”

  2 form 中必须加action属性,并且不能为空。

  <form action=”/r/add.cgi” method=”post”>

  如果不需要使用action属性,也必须定义:

  <form action=”no” >

  3 imgalt属性不可以缺少;

  <img src="/q/img/btn_style.gif" border="0" alt="Select”>

  4 head</head>之间必须有title

  <head>

  ……

  <title>your title </title>

  ……

  </head>

  5 trtd必须定义在table之间;

  6 button按钮必须定义在form之间,否则netscape不支持;

  <form action=”……” method=”post”>

  <input type=”button” name=”but” value=”back”>

  </form>

  7javascript中的字符串中出现的“/”前要用转义符“\”

  <script type=”text/javascript”>

  <!—

  function check(str) {

  var str=”\/r\/add.cgi”;

  ……

  }

  -->

  </script>

  8 _disibledevent="font-size: 12pt">属性必须和 _disibledevent="font-size: 12pt">成对写( _disibledevent="font-size: 12pt">、onmouseup + _disibledevent="font-size: 12pt">  mm

  9URL传值时直接写&是不可以的,可用&替换:

  四、缩近规则:

  必须保持严格的缩近规则,以"Tab"键为准:

  五、为了检验您的HTML代码是否合法,您可以到W3HTML Validator工具中进行检验,支持URI输入,上传文件和直接输入代码三种方式进行检验

 

  XHTML的一些基础知识,以及和HTML的一些区别

  HTML语言是我们建立网页的工具,从它出现发展到现在,规范不断完善,功能越来越强。但是依然有缺陷和不足,人们仍在不断的改进它,使它更加便于控制和有弹性,以适应网络上日新月异的应用需求。2000年底,国际W3C(World Wide Web Consortium)组织公布发行了XHTML 1.0版本,XHTMLHTMLXML有什么不同,它增加了什么新功能,今天就让我们来初步认识一下XHTML

  XHTML 1.0是一种在HTML 4.0基础上优化和改进的的新语言,目的是基于XML应用。XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求。下面W3CHTML工作组主席Steven pemberton回答的关于XHTML的常见基础问题。

  问:为什么XHTML 1.0相对HTML 4.0独立发展?

  答:并不是这样。XHTML恰恰就是HTML 4.0的重新组织,(确切的说它是HTML 4.01,是一个修正版本的HTML 4.0,只不过以XHTML 1.0命名发行。它们在XML里的解释会有一些必要的差别,但另一方面,它们依然非常相似,我们可以把XHTML的工作看作是HTML 4.0基础上的延续。

  问:XHTML 1.0如何实现XML标准?

  答:XHTML就是一种XML应用。它采用XMLDTD文件格式定义,并运行在支持XML的系统上。这里要感谢XMLNamespaces功能,浏览器制造商不需要再创造新的私有标签(tags),他们只需要在XHTML代码里包含XML代码片段,或者XML代码里包含XHTML代码片段。

  问:用XHTML,网页设计师会遇到和HTML一样的浏览器兼容性问题吗?

  答:希望不会。"严格的错误防御标准"将帮助浏览器对代码作出相同的响应,XML namespaces功能使你可以增加自己的新标签而不需要特别的浏览器支持。现在我们所需要得到保证的就是:所有浏览器开发商一致并且完全遵守我们制定CSS。写信给你的浏览器制造商,告诉你需要的CSS规范,你甚至可以检测浏览器是否听从你的设计。

  问:谁可以采用XHTML 1.0设计?

  答:因为XHTML非常简单易于实现,所以任何会用HTML的人都可以容易地使用XHTML。当使用XML浏览器的人们越来越多,更多的工作会被建议使用XML,那时候也许都将使用XHTML

  问:什么时候XHTML网站会普及?

  答:好问题。我已经看到一些使用XHTML建立的网站,甚至在XHTML 1.0发布以前。我相信它将会有一个大发展,因为它太容易了。但是现在的用户代理(浏览器)对XHTML都不是完全支持,而是部分支持,所以XHTML的普及还需要用户代理的进一步支持。

  问:我们如何将现有的HTMl转换为XHTML?

  答:非常简单,因为它们非常相似。在W3C(www.w3c. org)网站上有一个开放原代码(open-source)的软件叫HTML Tidy,可以帮助你直接转换。

  问:XHTML未来会怎样?

  答:XHTML1.0仅仅是这个新HTML语言的第一步。新版本将没有向下兼容老浏览器的约束,可以有更多的发展空间。

  首先,我们将进行一次彻底的清理,删除HTML 4.0中不兼容的元素。

  其次,我们将XHTML模块化,允许人们在XML应用中使用XHTML模块(比如表格),减少重复开发。同时也允许开发特别用途的设计,比如电话应用,只要属于XHTML的子集就可以保持兼容,人们可以创造他们自己的HTML

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值