创意电子

标题: 想看懂网站源代码里面的代码吗？看了你就懂了（续） [打印本页]

作者: hyff 时间: 2019-12-25 00:41
标题: 想看懂网站源代码里面的代码吗？看了你就懂了（续）

此章是图上这章的续章，上一篇由于代码太长，只能讲述网站的一个TOP顶部，废话不多说，更新!

上一篇源代码是XHTML的格式，而这篇格式是HTML5简化了很多写法，首先顶部没有向浏览器声明HTML版本，xmlns声明空间也省略掉了，而在早期版本中是必须要书写的，字符编码声明，还有声音浏览器都简化了，之后是SEO最重要的TDK，

之后是CSS的外部样式表，

后面是JS的样式表后面是ddsmoothmenu在浏览器中，与用户进行数据交换都是通过客户端的
javascript代码来实现的，而完成这些交互工作大多数是document对象及其部件进行的，因此document对象是一个比较重要的对象。
简写进入body部分

简写，声明头部，上一章讲过，这是对应网站的内容图下：

这一块是网站的横幅img src=就是横幅我们所看到的图片图下：

再往下是网站产品的滚动栏，添加了滑动的特效：

源代码如图下：

再往下是关于我们的界面图下：

查看更多
我们注意一下这个a标签是内链，跳转到了网站的“关于我们”这个栏目。

这串代码比较简单标题段落加上A标签按钮组成还有图片背景呢已经在CSS样式中设置了，我们不去管它。

这串代码是产品的代码用的有序列表加li元素写出来的。

这篇是文章的footer底部class属性定义文章底部基本都是a标签内链跳转和友情链接跳转二维码的图片来源。
下面是文章的最后一部分

最后一部分是公司的联系方式和备案号还有JS的一些规则，详细规则我们不去分析，本文适合小白新手去学，希望小编的文章对你们起到帮助，又到了结束的部分，欢迎在评论下方留言，小编看到会第一时间回复你们，希望小编下篇更新什么，都可以留言。

欢迎光临创意电子 (https://wxcydz.cc/)