移动网站开发:标记语言

移动互联网被称为“第五次科技革命”,而随着iPhone和Android等智能手机的日渐流行和iPad等平板电脑的出现,移动互联网的潜力和趋势也愈发显现,针对移动设备的网站开发越来越受到关注,国内很多公司也开始重视面向所有移动设备的网站开发。

一般来说,对于移动网站可以采取两种方式:

1、专门开发一个独立的移动版本

2、使用media type和media query控制网站在移动浏览器的表现

本文和下一篇文章将介绍第一种方案,后面的文章将结束第2种方案。

本文我们先了解一下移动网站的标记语言。

移动网站标记语言的演进

我们先看一下 @AdrianF2E 分享的一张《移动web相关标记语言的演进》的图表,一目了然:

点击放大

这张图形象的展示了标记语言的发展历程,包括移动网站标记语言。

移动网站开发要比普通的网站开发复杂的多,选择一种用于移动网站的标记语言同样相当纠结。

在最初,WAP论坛(后来和NTT合并,组成OMA,Open Mobile Alliance)创建了一种基于XML的语言,称为WML,这是用于WAP网站的标记语言。它并不是理想的方案,因为它将网站分割为两部分:普通页面使用(X)HTML,而移动网站使用WML。网站开发者想要做一个移动网站也不得不学习一种新的语言而不是转换技术,“一站式”的信条也被打破,用户不能访问他们喜欢的网站并且不得不发现这个网站的WAP版本——如果它们存在的话。另外日本的NTT创建了他们自己的语言cHTML(compact HTML),但是它并不能与XHTML和WML兼容。

由于这与理想中的方案相去甚远,W3C创建了XHTML Basic 1.0。正如其名,这是一个XHTML 1.1的子集。由于XHTML 1.1将XHTML改善为小型的模块,一个子集就可以只包含一些必须的或者可以在低端移动设备上控制的基本的模块、元素和属性。

基于XHTML

XHTML Basic为针对移动网站的标记语言提供基础的模块。与其基础的XML一样,它也被设计用于扩展。这正好结合了WAP和NTT的合并之后(也就是OMA)的做法,他们创建了cHTML和WML的继承者XHTML Mobile Profile——它在XHTML Basic的基础上添加了一些在它们之前的版本中有的特性。XHTML Basic和XHTML MP共存的状况看起来有些混乱,但是之后不久W3C就发布了XHTML 1.1版本,吸收了在XHTML MP中加入的一些特性。所以现在看来这两个版本差不多是一样的,至于使用哪个很多时候只是看个人喜好了。这里我们选择XHTML Basic,因为它是W3C推荐的…。

开始使用XHTML Basic

由于XHTML Basic是XHTML的一个子集,如果你已经了解XHTML的开发,那么开始制作XHTML Basic的页面就手到擒来了。


以下为引用的内容:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN" "http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang=="en">
 <head>
  <title>Hello Mobile</title>
 </head>
 <body>
</body>
</html>

是的,只是加了个XML的头声明,然后使用xhtml basic的DTD。

时间: 2024-09-24 00:31:18

移动网站开发:标记语言的相关文章

移动网站的标记语言

一般来说,对于移动网站可以采取两种方式,专门开发一个独立的移动版本,使用media type和media query控制网站在移动浏览器的表现,本文和下一篇文章将介绍第一种方案,后面的文章将结束第2种方案. 移动互联网被称为"第五次科技革命",而随着iPhone和Android等智能手机的日渐流行和iPad等平板电脑的出现,移动互联网的潜力和趋势也愈发显现,针对移动设备的网站开发越来越受到关注,国内很多公司也开始重视面向所有移动设备的网站开发. 一般来说,对于移动网站可以采取两种方式:

为自己的ASP网站系统构建一套标记语言

    作为动态网站在建设过程中难免遇到在线编辑文章的问题.HTML提供了一个textarea标记,但是实际上没有解决这个问题,因为从textarea的是纯文本.除非在输入的时候使用了HTML标记,否则在输出的时候将获得从头到尾毫无结构的一盘文字.WEB设计中通过DHTML构建一类所见即所得的在线编辑器对这个问题有了很好的解决. 但是所见即所得并不是唯一的解决办法.笔者在上网过程中发现一些门户网站的在线编辑器非常有特色.它并不是所见即所得(但是提供了一个预览功能),而是一个textarea的文本

为自己的ASP网站系统构建一套标记语言_实用技巧

作为动态网站在建设过程中难免遇到在线编辑文章的问题.HTML提供了一个textarea标记,但是实际上没有解决这个问题,因为从textarea的是纯文本.除非在输入的时候使用了HTML标记,否则在输出的时候将获得从头到尾毫无结构的一盘文字.WEB设计中通过DHTML构建一类所见即所得的在线编辑器对这个问题有了很好的解决. 但是所见即所得并不是唯一的解决办法.笔者在上网过程中发现一些门户网站的在线编辑器非常有特色.它并不是所见即所得(但是提供了一个预览功能),而是一个textarea的文本域,但是

网站开发中, php所扮演的角色,以及与其他语言,工具或库的关系,这个问题很重要

问题描述 网站开发中, php所扮演的角色,以及与其他语言,工具或库的关系,这个问题很重要 网站开发中, php所扮演的角色,以及与其他语言,工具或库的关系,这个问题很重要 解决方案 php是一种web脚本语言,它主要用来编写应用层.web应用层需要iis或者apache这样的web服务器去执行.只使用php其实也可以开发一个完整的服务器端程序了.如果你希望一部分业务放在客户端执行,那么需要用js脚本.如果你希望调用一些别的语言的库,或者出于性能的优化,可以用C++写dll,用php模块加载.

WML——XML标记语言开发实例详细解析

xml     本文主要介绍WML的相关知识,如何开发WAP应用程序.    WML是一种基于XML的标记语言,她的官方说明和规范是由WAP论坛维护的.WML的文档类型定义是xml文件类型的,http://www.wapforum.org/DTD/wml_1.1.xml.     和HTML语言一样,WML是为了显示数据的,而XML的目的则是描述数据,我们定义了一系列的标记并组织成为语法规范把它称为DTD(Document Type Definition).支持WAP的手机里面都安装了WAP浏览

多语言网站开发技术分析

语言是信息传播的主要障碍. 多语言网站,顾名思义就是能够以多种语言(而不是单种语言)为用户提供信息服务,让使用不同语言的用户都能够从同个网站获得内容相同的信息. 多语言网站实现方案 1,静态:就是为每种语言分别准备一套页面文件,要么通过文件后缀名来区分不同语言,要么通过子目录来区分不同语言. 例如对于首页文件index_en.htm提供英语界面,index_gb.htm提供简体中文界面,index_big.htm提供繁体中文界面,或者是en/index.htm提供英语界面,gb/index.ht

java语言开发的网站和其他语言开发的网站如何共享资源 如何共享资源

问题描述 java语言开发的网站和其他语言开发的网站互相之间如何进行交互 解决方案 解决方案二:做接口,把数据放到xml中,每次都给对方一个xml就行了

如何选择用什么语言进行网站开发

对于很多企业或者需要建站的个人来说,如何选择一个开发语言来进行网站开发是大家经常考虑的问题.很多行外的都是这样子跟我说,我要你们最先进的语言来进行开发,要最厉害的.其实对于我们来说,没有最先进的语言来说,只有最合适的语言.   什么是最合适的语言,是相对你要进行开发的内容是什么?你要达到什么目的或者说效果,你的侧重点在于哪里?有人曾经跟我说他要开发一个他们公司的企业网站,他说停别说都是Java好,是不是用Java开发的对他们来说比较好.我告诉他,Java是能开发的,Java确实是稳定性.安全性方

WP8 和 Win8 应用程序开发布局的XAML标记语言实例教程

XAML提供了一种便于扩展和定位的语法来定义和程序逻辑分离的用户界面,而这种实现方式和ASP.NET中的"代码后置"模型非常类似.XAML是一种解析性的语言,尽管它也可以被编译.它的优点是简化编程式上的用户创建过程,应用时要添加代码等. XAML 示例 下面是创建按钮的简单 XAML 示例. XAML <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"&