Просмотр HTML-страницы веб-страницы - один из самых простых (и все же наиболее эффективных) способов изучения HTML, особенно для новых веб-профессионалов, которые только начинают работать в этой отрасли. Если вы видите что-то на веб-сайте и хотите знать, как это было сделано, просмотрите исходный код для этого сайта.
Если вам нравится компоновка веб-сайта, просмотр источника, чтобы узнать, как этот макет был достигнут, поможет вам изучить и улучшить свою работу. На протяжении многих лет многие веб-дизайнеры и разработчики узнали довольно много HTML, просто просмотрев источник веб-страниц, которые они видят. Это отличный способ для новичков выучить HTML и опытных веб-профессионалов, чтобы увидеть, как новые методы могут быть применены к сайту.
Помните, что исходные файлы могут быть очень сложными. Наряду с HTML-разметкой для страницы, вероятно, будет много файлов CSS и скриптов, которые используются для создания внешнего вида и функциональности этого сайта, поэтому не расстраивайтесь, если не можете понять, что происходит немедленно. Просмотр источника HTML - это только первый шаг. После этого вы можете использовать инструменты, такие как расширение веб-разработчика Chris Pederick, для просмотра CSS и скриптов, а также для проверки определенных элементов HTML.
Если вы используете браузер Safari, вот как вы можете просмотреть исходный код страницы, чтобы узнать, как он был создан.
Как просмотреть источник HTML в Safari
-
Откройте Safari.
-
Перейдите на интересующую вас веб-страницу.
-
Нажми на развивать меню в верхней строке меню.
Если меню «Разработка» не отображается, перейдите в «Настройки» в разделе «Дополнительно» и выберите «Показать меню» в строке меню.
-
Нажмите Показать источник страницы, Это откроет текстовое окно с источником HTML на странице, на которую вы смотрите.
подсказки
- На большинстве веб-страниц вы также можете просмотреть источник, щелкнув правой кнопкой мыши на странице (а не на изображении) и выбрав «Показать источник страницы». Это будет отображаться только в том случае, если меню «Настройки» включено в «Настройки».
- Safari также имеет комбинацию клавиш для просмотра источника HTML - удерживайте нажатыми клавиши команды и опций и нажмите U (Cmd-Opt-U.)
Является ли просмотр исходного кода законным?
Хотя копирование кода сайта и его передача на вашем сайте, безусловно, неприемлемы, использование этого кода в качестве трамплина для изучения - на самом деле, сколько продвижений сделано в этой отрасли. На самом деле вам будет сложно найти рабочего веб-профессионала сегодня, который ничего не узнал, просмотрев источник сайта!
В конце концов, веб-профессионалы учатся друг у друга и часто улучшают работу, которую они видят и вдохновляют, поэтому не стесняйтесь просматривать исходный код сайта и использовать его в качестве учебного инструмента.
