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

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

  1.  

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

比如这幅图。

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

  1. <?xml version="1.0" encoding="utf-8" ?>
  2.  
  3. <!--qq 空间-->
  4. <QQ-Zone>
  5. <!--空间导航栏-->
  6. <Zone-Navigator>
  7. </Zone-Navigator>
  8.  
  9. <!--空间主体部分-->
  10. <Zone-Body>
  11. </Zone-Body>
  12.  
  13. <!--空间尾部,状态栏-->
  14. <Zone-Status-Bar>
  15. </Zone-Status-Bar>
  16. </QQ-Zone>


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

  1. <?xml version="1.0" encoding="utf-8" ?>
  2.  
  3. <!--qq 空间-->
  4. <QQ-Zone>
  5. <!--空间导航栏-->
  6. <Zone-Navigator>
  7.  
  8. <!--左边导航-->
  9. <Left-Nav>
  10. <!--首页-->
  11. <Homepage>QQ空间</Homepage>
  12.  
  13. <!--个人中心-->
  14. <Personal></Personal>
  15.  
  16. <!--我的主页-->
  17. <MyHomepage></MyHomepage>
  18. <!--应用-->
  19. <Function></Function>
  20. <!--装扮-->
  21. <Making></Making>
  22.  
  23. <!--搜索框-->
  24. <SearchBox></SearchBox>
  25.  
  26. </Left-Nav>
  27.  
  28. <!--右边导航-->
  29. <Right-Nav>
  30.  
  31. <!--用户名-->
  32. <User-Name></User-Name>
  33.  
  34. <!--设置按钮,此处以图片显示-->
  35. <Setting></Setting>
  36.  
  37. <!--我的邮件,此处以图片显示-->
  38. <MailBox></MailBox>
  39.  
  40. <!--qq校友,此处以图片显示-->
  41. <StudentsFriends></StudentsFriends>
  42.  
  43. <!--开通黄钻-->
  44. <Yellow-VIP></Yellow-VIP>
  45. </Right-Nav>
  46. </Zone-Navigator>
  47.  
  48. <!--空间主体部分-->
  49. <Zone-Body>
  50. </Zone-Body>
  51.  
  52. <!--空间尾部,状态栏-->
  53. <Zone-Status-Bar>
  54. </Zone-Status-Bar>
  55. </QQ-Zone>
暂时告一段落,等下晚上或者明天我会把剩下的补齐,以后会写写创新类的文章,不再一味模仿,今天给大家开个头,好熟悉一下。

猜你在找的XML相关文章