XML-世界上最难学的语言,我的XML创新之路(2)

前端之家收集整理的这篇文章主要介绍了XML-世界上最难学的语言,我的XML创新之路(2)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

 

世间万物皆可以转化为XML,

比如这幅图。

大体上用XML就可以表示为如下代码

<?xml version="1.0" encoding="utf-8" ?>

<!--qq 空间-->
<QQ-Zone>
  
  <!--空间导航栏-->
  <Zone-Navigator>
    
    
    
  </Zone-Navigator>

  
  <!--空间主体部分-->
  <Zone-Body>
    
    
    
  </Zone-Body>

  
  <!--空间尾部,状态栏-->
  <Zone-Status-Bar>
    
    
  </Zone-Status-Bar>
  
  
</QQ-Zone>


下面我把导航栏这一部分的代码写出来,大家看一看。

<?xml version="1.0" encoding="utf-8" ?>

<!--qq 空间-->
<QQ-Zone>
  
  <!--空间导航栏-->
  <Zone-Navigator>

    <!--左边导航-->
      <Left-Nav>
    
    <!--首页-->
    <Homepage>QQ空间</Homepage>

    <!--个人中心-->
    <Personal></Personal>

    <!--我的主页-->
    <MyHomepage></MyHomepage>
    
    <!--应用-->
    <Function></Function>
    
    <!--装扮-->
    <Making></Making>

    <!--搜索框-->
    <SearchBox></SearchBox>

      </Left-Nav>

    
    <!--右边导航-->
     <Right-Nav>

       <!--用户名-->
       <User-Name></User-Name>

       
       <!--设置按钮,此处以图片显示-->
       <Setting></Setting>

       <!--我的邮件,此处以图片显示-->
       <MailBox></MailBox>

       <!--qq校友,此处以图片显示-->
       <StudentsFriends></StudentsFriends>

       <!--开通黄钻-->
       <Yellow-VIP></Yellow-VIP>
      
      
     </Right-Nav>
    
    
  </Zone-Navigator>

  
  <!--空间主体部分-->
  <Zone-Body>
    
    
    
  </Zone-Body>

  
  <!--空间尾部,状态栏-->
  <Zone-Status-Bar>
    
    
  </Zone-Status-Bar>
  
  
</QQ-Zone>
暂时告一段落,等下晚上或者明天我会把剩下的补齐,以后会写写创新类的文章,不再一味模仿,今天给大家开个头,好熟悉一下。

猜你在找的XML相关文章