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

深入理解HTML：特点、编辑工具与规范解析

最新推荐文章于 2024-07-27 12:48:15 发布

xjbclz

最新推荐文章于 2024-07-27 12:48:15 发布

阅读量467

点赞数

分类专栏：手机开发实战

手机开发实战同时被 2 个专栏收录

193 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

HTML

6 篇文章

订阅专栏

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

HTML特点

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

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

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

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

　　用什么可以编辑HTML？

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

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

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

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

HTML规范

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

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

　　下面是一个最基本的html文档的代码:1－1.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">

　　<head>

　　<title>yourtitle</title>

　　</head>

　　2、针对中文环境：

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

　　<head>

　　<title>yourtitle</title>

　　</head>

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

　　二、html中javascript的书写：

　　<head>…..

　　<!—…..-->

　　</script>

　　</head>

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

<script

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

</script>

　　三、html中元素的书写：

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

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

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

　　如果不需要使用action属性，也必须定义：

　　3、 img的alt属性不可以缺少；

　　4、 head与</head>之间必须有title；

　　<head>

　　……

　　<title>your title </title>

　　……

　　</head>

　　5、 tr、td必须定义在table之间；

　　6、 button按钮必须定义在form之间，否则netscape不支持；

　　</form>

　　7、在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

　　9、用URL传值时直接写&是不可以的，可用&替换：

　　四、缩近规则：

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

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

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

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

　　XHTML 1.0是一种在HTML 4.0基础上优化和改进的的新语言，目的是基于XML应用。XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求。下面是W3C的HTML工作组主席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应用。它采用XML的DTD文件格式定义，并运行在支持XML的系统上。这里要感谢XML的Namespaces功能，浏览器制造商不需要再创造新的私有标签(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。