如何在Safari中查看网页的HTML源代码

想看看网页是如何构建的? 尝试查看其源代码。

查看网页的HTML源代码是学习HTML的最简单(也是最有效的)方法之一,尤其是对于刚刚开始行业的新型Web专业人士而言。 如果您在网站上看到某些内容并想知道它是如何完成的,请查看该网站的源代码。

如果您只是喜欢网站的布局,查看源代码以了解该布局是如何实现的,将有助于您学习和改进自己的工作。 多年来,许多网页设计师和开发人员仅仅通过查看他们看到的网页就学到了很多HTML。 对于初学者来说,学习HTML和经验丰富的网络专业人士来看看新技术如何应用​​于网站,这是一种很好的方式。

请记住,源文件可能非常复杂。 除了页面的HTML标记外,可能还会有很多用于创建该网站外观和功能的CSS和脚本文件,因此,如果您无法立即了解正在进行的操作,请不要感到沮丧。 查看HTML源代码只是第一步。 之后,您可以使用Chris Pederick的Web Developer扩展工具来查看CSS和脚本以及检查HTML的特定元素。

如果您使用的是Safari浏览器,那么您可以通过浏览页面的源代码来了解它是如何创建的。

如何在Safari中查看HTML源代码

  1. 打开Safari。
  2. 导航到您想要查看的网页。
  3. 点击顶部菜单栏中的“显影”菜单。 注意:如果“修改”菜单不可见,请进入“高级”部分的“首选项”,然后选择菜单栏中的“显示修改”菜单。
  4. 点击显示页面源 。 这将打开一个文本窗口,其中包含您正在查看的网页的HTML源代码。

提示

  1. 在大多数网页上,您还可以通过右键单击页面(不在图像上)并选择显示页面源来查看源代码。 只有在“首选项”中启用“显影”菜单时才会显示此内容。
  2. Safari还有一个键盘快捷方式来查看HTML源代码 - 按住命令和选项键并点击U(Cmd-Opt-U)。

查看源代码是否合法?

虽然复制网站的代码批发并将其作为您自己的网站传递给用户当然是不可接受的,但使用该代码作为学习的跳板实际上是在该行业中取得了多少进展。 事实上,你今天很难找到一个正在工作的网络专业人士,他没有通过查看网站的来源获得一些信息!

最终,网络专业人士彼此学习,并经常改进他们所看到并受其启发的工作,因此不要犹豫,查看网站的源代码并将其用作学习工具。