微信公众平台开发:从零基础到ThinkPHP5高性能框架实践
上QQ阅读APP看书,第一时间看更新

2.2.3 其他常用语言

1.HTML

HTML的中文名为超文本标记语言(Hypertext Markup Language),它是一种制作页面的标准语言,也是浏览器使用的一种语言,而且它消除了不同计算机之间信息交流的障碍。HTML是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。

HTML文件是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML文件的结构包括头部(Head)和主体(Body)两大部分。其中,头部描述浏览器所需的信息,而主体包含所要说明的具体内容。

下面是一段HTML代码,它创建了一个两行三列的表格。

<html>
    <head>
        <title>HTML</title>
    </head>
    <body>
    <h4>两行三列:</h4>
    <table border="1">
        <tr>
            <td>100</td>
            <td>200</td>
            <td>300</td>
        </tr>
        <tr>
            <td>400</td>
            <td>500</td>
            <td>600</td>
        </tr>
    </table>
    </body>
</html>

上述代码在浏览器中运行后,效果如图2-25所示。

图2-25 HTML示例

2.CSS

CSS指层叠样式表(Cascading Style Sheet),又称串样式列表、层次结构式样式表,它是一种用来为结构化文档(如HTML文档或XML应用)添加样式(字体、间距和颜色等)的计算机语言,由W3C定义和维护。

下面是使用CSS构建一个水平导航栏的代码。

<html>
    <head>
    <style>
    ul{
        list-style-type:none;
        margin:0;
        padding:0;
        overflow:hidden;
    }
    li{
        float:left;
    }
    a{
        display:block;
        width:60px;
        background-color:#dddddd;
    }
    </style>
    </head>
    <body>
        <ul>
            <li><a href="#home">Home</a></li>
            <li><a href="#news">News</a></li>
            <li><a href="#contact">Contact</a></li>
            <li><a href="#about">About</a></li>
        </ul>
    </body>
</html>

上述代码运行后,效果如图2-26所示。

图2-26 CSS示例

3.JavaScript

JavaScript是一种直译式脚本语言,也是一种动态类型、弱类型、基于原型的语言,它内置支持类型。它的解释器被称为JavaScript引擎,是浏览器的一部分。JavaScript是广泛用于客户端的脚本语言,最早在HTML网页上使用,用来给HTML网页增加动态功能。

下面是单击按钮弹出消息框的JavaScript代码。

<! DOCTYPE html>
<html>
    <body>
        <p>JavaScript能够对事件作出反应。比如对按钮的点击:</p>
        <button type="button" onclick="alert('Welcome! ')">点击这里</button>
    </body>
</html>

上述代码运行后,效果如图2-27所示。

图2-27 JavaScript示例

4.XML

XML的中文名为可扩展标记语言(Extensible Markup Language),它是一种标记语言。XML应用于Web开发的许多方面,常用于简化数据的存储和共享。微信基础消息的接收、发送都是使用XML来传输的。读者可以在后面的章节中看到很多XML数据的内容。

下面是一个简单的XML文件。

<xml>
    <to>张三</to>
    <from>李</from>
    <heading>提醒</heading>
    <body>记得开会</body>
</xml>

5.JSON

JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。它是基于JavaScript语法标准的一个子集。JSON采用完全独立于语言的文本格式,可以很容易地在各种网络、平台和程序之间传输。JSON的语法很简单,易于阅读和编写,也易于机器解析和生成。

在微信的高级接口中,很多内容都是通过JSON来传递的。例如,创建自定义菜单时,就是通过传输一个固定格式的JSON内容来实现的。

下面是一段JSON内容。它定义了一个employees对象,包含两条员工记录(对象)的数组。

{
    "employees": [
        {
            "firstName": "Bill",
            "lastName": "Gates"
        },
        {
            "firstName": "George",
            "lastName": "Bush"
        }
    ]
}