웹사이트란 특정 콘텐츠를 표시하기 위해 특정 규칙에 따라 인터넷상의 HTML 및 기타 콘텐츠를 사용하여 제작된 웹 페이지 모음을 의미합니다 .
웹페이지는 웹사이트의 "페이지"입니다. 일반적으로 브라우저에서 읽는 HTML 형식의 파일입니다.
웹 페이지는 실제로 서버에 있는 파일입니다. 웹 페이지를 탐색할 때 이 파일은 로컬 컴퓨터에 다운로드된 다음 브라우저에서 분석되어 표, 그림, 제목, 목록과 같은 다양하고 아름다운 인터페이스를 렌더링합니다. 등.
웹 페이지 파일에는 .html, .php, .jsp, .asp 등과 같은 많은 접미사가 있습니다. 독자들은 다음 그림과 같이 브라우저의 주소 표시줄에서 이러한 접미사를 본 적이 있을 것입니다.
URL은 브라우저 주소 표시줄에서 볼 수 있습니다.
그러나 웹페이지의 접미사가 무엇이든 그 본질은 동일하며 HTML 코드로 구성된 일반 텍스트 파일입니다.
다음과 같이 Notepad, Notepad++, Sublime Text 및 Vim과 같은 텍스트 편집기를 사용하여 웹 페이지 파일을 열고 모든 내용을 볼 수 있습니다.
<!DOCTYPEhtml><html><head><metacharset=UTF-8><title>이 위치는 웹페이지의 제목입니다.</title></head><body><p>이 위치는 웹페이지의 콘텐츠 텍스트입니다. 웹페이지</p ><ahref=http://dotcpp.com/>이 위치는 하이퍼링크입니다</a><ul><li>프로젝트 1</li><li>프로젝트 2</li>< li>프로젝트 3< /li></ul></body></html>
이것은 HTML 코드입니다! <>로 둘러싸인 HTML 태그라고 불리는 많은 특수 태그를 볼 수 있습니다. 브라우저는 이러한 HTML 태그를 인식하여 다양한 인터페이스와 효과를 렌더링합니다.
위 코드를 index.html에 저장하고 브라우저로 드래그한 후 실행(또는 파일을 더블클릭)하면 다음과 같은 효과를 볼 수 있습니다.
이것은 매우 간단하고 기본적인 웹페이지입니다. 실제 웹페이지의 HTML 코드는 이보다 훨씬 더 복잡합니다. 웹페이지 보기를 선택하세요. 소스코드' 팝업메뉴를 통해 현재 웹페이지의 HTML코드를 확인할 수 있습니다.
웹페이지는 웹사이트 주소(URL)를 통해 식별되고 접속됩니다. 웹 브라우저에 URL을 입력하면 복잡하고 빠른 과정을 거쳐 웹페이지 파일이 사용자의 집 컴퓨터로 전송된 후 해당 내용이 전송됩니다. 웹페이지는 브라우저를 통해 해석되어 사용자에게 표시됩니다.
1. 웹페이지: 쉽게 말하면 사용자 입장에서 보면 타오바오, C언어 네트워크 등 보이는 것들이다.
2. 파일: 우리 모두는 파일이 컴퓨터에 존재한다는 것을 알고 있습니다. 물론 아래 그림은 이러한 파일이 어디에 있는지 보여줍니다.
● 서버 측에서
이는 Windows 기반의 Tomcat 서버이며, 탐색한 웹 페이지는 webapps 폴더에 저장됩니다.
●브라우저측
브라우저는 실제로 서버에서 전송된 HTTP 파일, CSS 파일 및 JS 파일을 주로 구문 분석하는 파서입니다.
실제로 웹페이지는 단지 파일일 뿐입니다.
3. 컴퓨터: 이름에서 알 수 있듯이 컴퓨터는 서버 측의 서버입니다. 서버는 어떻게 생겼나요? 아래 사진은 서버입니다. 살펴보실 수 있습니다.
4. 웹사이트 주소(URL):
5. 복잡하고 빠른 프로그램: 웹페이지 파일이 전송되면 이러한 프로그램에 의해 처리됩니다.
6. 브라우저: 브라우저는 브라우저의 커널을 통해 수신된 세 개의 파일을 해석하고 이를 우리가 보는 웹 페이지로 렌더링한 다음 사용자에게 표시합니다.
7. 그림으로 요약하면 다음과 같습니다.
웹페이지의 구조를 이해하려면 먼저 W3C 조직을 이해해야 합니다.
W3C(월드와이드웹 컨소시엄)는 W3C 위원회라고도 알려져 있습니다. 1994년 10월 MIT 컴퓨터 과학 연구소에서 설립되었습니다. 인터넷의 창시자인 팀 버너스 리(Tim Berners-Lee)가 설립한 회사입니다.
웹페이지의 거의 모든 표준은 이 연합에 의해 만들어집니다. 표준 웹 페이지 표준에 따르면 HTML이 기본이고 CSS 파일은 미화를 담당하며 JS는 상호 작용 및 작업을 담당합니다.
이것은 간단한 DOM 트리입니다. 우리의 네트워크 리소스는 트리의 각 사과로 간주될 수 있습니다. 이러한 방식으로 리소스를 구성하면 브라우저의 구문 분석 속도가 크게 향상됩니다. 일상생활에서 우리의 가족관계는 그러한 사진을 통해 명확하게 드러날 수 있습니다.