알아야 할 사항
- Safari 메뉴에서 개발을 선택합니다.> 페이지 소스 표시 .
- 또는 페이지를 마우스 오른쪽 버튼으로 클릭하고 페이지 소스 표시 드롭다운 메뉴에서.
- 키보드 단축키:Option+Command+U .
이 문서는 Safari에서 HTML 소스 코드를 보는 방법을 보여줍니다.
Safari에서 소스 코드 보기
Safari에서 소스 코드를 표시하는 것은 쉽습니다.
-
사파리를 엽니다.
-
검사하려는 웹페이지로 이동합니다.
-
개발 을 선택하십시오. 상단 메뉴바의 메뉴. 페이지 소스 표시 선택 옵션 페이지의 HTML 소스가 있는 텍스트 창을 엽니다.
또는 Option+Command+U를 누릅니다. 키보드에서.
-
개발 메뉴가 표시되지 않으면 환경 설정 으로 이동하십시오. 고급 섹션에서 메뉴 모음에 개발 메뉴 표시를 선택합니다. .
대부분의 웹페이지에서 페이지(이미지가 아님)를 마우스 오른쪽 버튼으로 클릭하고 페이지 소스 표시를 선택하여 소스를 볼 수도 있습니다. . 개발 메뉴를 활성화해야 합니다. 환경설정 에서 옵션이 표시되도록 합니다.
Safari에는 HTML 소스를 볼 수 있는 키보드 단축키도 있습니다. command를 길게 누릅니다. 및 옵션 키를 누르고 U 키를 누릅니다. (명령 +선택 +U .)
소스 코드 보기의 장점
소스를 보고 웹 디자이너가 레이아웃을 달성한 방법을 확인하면 작업을 배우고 개선하는 데 도움이 됩니다. 수년에 걸쳐 많은 웹 디자이너와 개발자는 웹 페이지의 소스를 보는 것만으로 많은 HTML을 배웠습니다. 초보자는 HTML을 배우고 노련한 웹 전문가는 다른 사람들이 새로운 기술을 어떻게 사용했는지 볼 수 있는 훌륭한 방법입니다.
소스 파일은 매우 복잡할 수 있음을 기억하십시오. 페이지에 대한 HTML 마크업과 함께 해당 사이트의 모양과 기능을 만드는 데 사용되는 중요한 CSS 및 스크립트 파일이 있을 것이므로 현재 상황을 즉시 파악할 수 없다고 해서 좌절하지 마십시오. HTML 소스를 보는 것은 첫 번째 단계일 뿐입니다. 그런 다음 Chris Pederick의 Web Developer 확장과 같은 도구를 사용하여 CSS와 스크립트를 살펴보고 HTML의 특정 요소를 검사할 수 있습니다.
소스 코드를 보는 것이 합법입니까?
사이트의 코드를 도매로 복사하여 웹사이트에서 자신의 것으로 전달하는 것은 확실히 용인되지 않지만 해당 코드를 발판으로 사용하여 실제로 이 업계에서 얼마나 많은 사람들이 발전했는지 알 수 있습니다. 오늘날 사이트 소스를 보고도 무언가를 발견하지 못한 웹 전문가를 찾기가 어려울 것입니다!
웹 전문가들은 서로에게서 배우고 종종 자신이 보고 영감을 받은 작업을 개선하므로 주저하지 말고 사이트의 소스 코드를 보고 학습 도구로 사용하십시오.