查看网页的HTML源代码是学习HTML的最简单（也是最有效）的方法之一，尤其适用于刚开始从事该行业的新型Web专业人员。如果您在网站上看到某些内容并想知道它是如何完成的，请查看该网站的源代码。
如果您只是喜欢网站的布局，查看源代码以了解如何实现布局将有助于您学习和改进自己的工作。多年来，许多网页设计人员和开发人员只需查看他们看到的网页来源就可以学到很多HTML。对于初学者来说，这是学习HTML的好方法，也是经验丰富的网络专业人士了解如何将新技术应用到网站的好方法。
请记住，源文件可能非常复杂。除了页面的HTML标记外，可能还会有很多CSS和脚本文件用于创建该网站的外观和功能，因此如果您无法立即弄清楚发生了什么，请不要感到沮丧。查看HTML源只是第一步。之后，您可以使用Chris Pederick的Web Developer扩展等工具来查看CSS和脚本，以及检查HTML的特定元素。
如果您使用的是Safari浏览器，可以通过以下方式查看页面的源代码，了解它是如何创建的。
如何在Safari中查看HTML源代码
-
打开Safari。
-
导航到您要检查的网页。
-
点击 开发 顶部菜单栏中的菜单。
如果看不到“开发”菜单，请转到“高级”部分的“首选项”，然后选择菜单栏中的“显示开发”菜单。
-
点击 显示页面来源。这将打开一个文本窗口，其中包含您正在查看的页面的HTML源代码。
提示
- 在大多数网页上，您还可以通过右键单击页面（而不是图像）并选择“显示页面源”来查看源。仅在“首选项”中启用“开发”菜单时，才会显示此选项。
- Safari还有一个用于查看HTML源的键盘快捷键 - 按住命令和选项键并按U（Cmd-Opt-U。）
查看源代码是否合法？
虽然复制网站代码批发并将其作为您自己的代码在网站上传递肯定是不可接受的，但使用该代码作为跳板来学习实际上是在这个行业中取得了多少进步。事实上，你很难找到一个工作的网络专业人士，通过查看网站的来源没有学到东西！
最后，网络专业人员相互学习，并经常改进他们所看到和受到启发的工作，所以不要犹豫，查看网站的源代码并将其用作学习工具。
