SafariでのHTMLソースコードの表示

WebページのHTMLソースを表示することは、HTMLを学ぶための最も簡単な(そして最も効果的な)方法のXNUMXつであり、特に業界で始めたばかりの新しいWebプロフェッショナルにとってはそうです。 Webサイトで何かを見つけ、それらがどのようにそれを達成したかを知りたい場合は、そのサイトのソースコードを表示してください。 Safariは、Macコンピューターでソースコードを表示する方法を提供します。

ソースコードの利点

ソースを表示して、Webデザイナーがどのようにレイアウトを実現したかを確認すると、作業の学習と改善に役立ちます。 何年にもわたって、多くのWebデザイナーや開発者は、表示されているWebページのソースを表示するだけで、かなり多くのHTMLを学習してきました。 これは、初心者がHTMLを学び、熟練したWebプロフェッショナルが、他の人が新しい手法をどのように使用したかを確認するための優れた方法です。

HTMLソースの表示は、最初のステップにすぎません。 その後、ChrisPederickのWebDeveloper拡張機能などのツールを使用して、CSSとスクリプトを調べたり、HTMLの特定の要素を調べたりすることができます。

Safariでソースコードを表示する

Safariでソースコードを表示する方法は次のとおりです

asdfasdfa

  1. Safariを開きます。

  2. 調べたいWebページに移動します。

  3. 現在地に最も近い 開発する トップメニューバーのメニュー。

    [開発]メニューが表示されていない場合は、 環境設定 高度な セクションと選択 メニューバーに[現像]メニューを表示する.

  4. 現在地に最も近い ページソースを表示 オプション ページのHTMLソースを含むテキストウィンドウを開きます。

    ほとんどのWebページでは、(画像ではなく)ページを右クリックして、を選択してソースを表示することもできます。 ページソースを表示。 You must enable the有効にする必要があります 開発メニュー in 環境設定 オプションが表示されます。

    Safariには、HTMLソースを表示するためのキーボードショートカットもあります。 commandオプション キーとヒット U (CMD+オプト+U。)

    ソースコードの表示は合法ですか?

    サイトのコードを卸売りでコピーし、ウェブサイトで自分のものとして渡すことは確かに受け入れられませんが、そのコードを学習の出発点として使用することは、実際にはこの業界で進歩を遂げている人の数です。 今日、サイトのソースを表示しても何かを発見していない、実用的なWebプロフェッショナルを見つけるのは難しいでしょう。

    Webの専門家はお互いから学び、彼らが見たり刺激を受けたりする仕事を改善することが多いので、サイトのソースコードを見て、それを学習ツールとして使用することを躊躇しないでください。