웹 페이지의 HTML 소스를 보는 것은 HTML을 배우는 가장 쉽고 (가장 효과적인) 방법 중 하나이며, 특히 업계에서 막 시작하는 초보 웹 전문가에게는 더욱 그렇습니다. 웹 사이트에서 무언가를보고 그 결과를 어떻게 얻었는지 알고 싶다면 해당 사이트의 소스 코드를보십시오. Safari는 Mac 컴퓨터에서 소스 코드를 볼 수있는 방법을 제공합니다.
소스 코드 장점
웹 디자이너가 레이아웃을 어떻게 얻었는지보기 위해 소스를 보면 작업을 배우고 개선하는 데 도움이됩니다. 수년에 걸쳐 많은 웹 디자이너와 개발자는 단순히 웹 페이지의 소스를 보는 것만으로도 많은 HTML을 배웠습니다. 초보자가 HTML을 배우고 노련한 웹 전문가가 다른 사람들이 새로운 기술을 어떻게 사용했는지 볼 수있는 훌륭한 방법입니다.
소스 파일은 매우 복잡 할 수 있습니다. 페이지의 HTML 마크 업과 함께 해당 사이트의 모양과 기능을 만드는 데 사용되는 중요한 CSS 및 스크립트 파일이있을 수 있으므로 즉시 무슨 일이 일어나고 있는지 파악할 수 없다고해서 실망하지 마십시오. HTML 소스를 보는 것은 첫 번째 단계에 불과합니다. 그런 다음 Chris Pederick의 웹 개발자 확장과 같은 도구를 사용하여 CSS 및 스크립트를 살펴보고 HTML의 특정 요소를 검사 할 수 있습니다.
Safari에서 소스 코드보기
Safari에서 소스 코드를 표시하는 방법은 다음과 같습니다.
asdfasdfa
-
Safari를 엽니 다.
-
검토하려는 웹 페이지로 이동하십시오.
-
선택 개발 상단 메뉴 표시 줄의 메뉴.
개발 메뉴가 보이지 않으면 환경 설정 에서 고급 섹션을 선택하고 메뉴 막대에 개발 메뉴 표시.
-
선택 페이지 소스 표시 선택권 페이지의 HTML 소스가있는 텍스트 창을 엽니 다.
대부분의 웹 페이지에서 페이지 (이미지가 아님)를 마우스 오른쪽 버튼으로 클릭하고 다음을 선택하여 소스를 볼 수도 있습니다. 페이지 소스 표시. 당신은 활성화해야합니다 메뉴 개발 in 환경 설정 옵션이 표시됩니다.
Safari에는 HTML 소스를 볼 수있는 키보드 단축키도 있습니다. 명령 와 선택권 키와 히트 U (cmd를+고르다+U.)
소스 코드보기가 합법적입니까?
사이트의 코드를 도매로 복사하여 웹 사이트에서 자신의 것으로 전달하는 것은 확실히 허용되지 않지만, 그 코드를 학습의 발판으로 사용하는 것은 실제로이 업계에서 얼마나 많은 사람들이 발전을 이루는가입니다. 오늘날 사이트의 소스를보고 무언가를 발견하지 못한 웹 전문가를 찾기가 어려울 것입니다!
웹 전문가는 서로에게서 배우고 종종보고 영감을받은 작업을 개선하므로 사이트의 소스 코드를보고 학습 도구로 사용하는 것을 주저하지 마십시오.