Просмотр исходного кода HTML в Safari

Просмотр HTML-источника веб-страницы является одним из самых простых (и наиболее эффективных) способов изучения HTML, особенно для начинающих веб-профессионалов, которые только начинают работать в отрасли. Если вы видите что-то на веб-сайте и хотите узнать, как это было сделано, просмотрите исходный код этого сайта.

Если вам просто нравится макет веб-сайта, просмотр исходного кода, чтобы увидеть, как этот макет был достигнут, поможет вам изучить и улучшить свою собственную работу. За многие годы многие веб-дизайнеры и разработчики выучили довольно много HTML, просто просматривая источник веб-страниц, которые они видят. Это отличный способ для начинающих изучать HTML, а для опытных веб-профессионалов — увидеть, как новые методы могут быть применены к сайту.

Помните, что исходные файлы могут быть очень сложными. Наряду с HTML-разметкой для страницы, вероятно, будет много CSS-файлов и файлов сценариев, которые используются для создания внешнего вида и функциональности этого сайта, поэтому не расстраивайтесь, если не можете сразу понять, что происходит. Просмотр исходного кода HTML — это только первый шаг. После этого вы можете использовать такие инструменты, как расширение веб-разработчика Криса Педерика, для просмотра CSS и сценариев, а также для проверки конкретных элементов HTML.

Если вы используете браузер Safari, вот как вы можете просмотреть исходный код страницы, чтобы увидеть, как она была создана.

Как просмотреть исходный код HTML


  1. Откройте Safari.


  2. Перейдите на веб-страницу, которую вы хотели бы изучить.


  3. Нажми на развивать меню в верхней строке меню.

    Если меню «Разработка» не отображается, перейдите в предпочтения в продвинутый раздел и выберите Показать меню «Разработка» в строке меню.


  4. Нажмите Показать источник страницы. Откроется текстовое окно с исходным HTML-кодом просматриваемой страницы.


подсказки

  • На большинстве веб-страниц вы также можете просмотреть источник, щелкнув правой кнопкой мыши на странице (не на изображении) и выбрав Показать источник страницы. Это будет отображаться только в том случае, если в настройках включено меню «Разработка».
  • В Safari также есть сочетание клавиш для просмотра исходного кода HTML: команда а также вариант ключи и ударил U (Cmd+Опт+U.)

Законен ли просмотр исходного кода?

Хотя копировать код сайта оптом и выдавать его как свой собственный на сайте, безусловно, недопустимо, использование этого кода в качестве плацдарма, чтобы узнать, на самом деле, сколько достижений сделано в этой отрасли. На самом деле, сегодня вам будет сложно найти работающего веб-профессионала, который ничего не узнал, просмотрев источник сайта!

В конце концов, веб-профессионалы учатся друг у друга и часто улучшают работу, которую они видят и вдохновляются, поэтому не стесняйтесь просматривать исходный код сайта и использовать его в качестве учебного пособия.

Ссылка на основную публикацию