여러 번 웹 페이지 제작 및 개발을 학습 할 때 가장 먼저 인상적인 것은 HTML 또는 HTM의 접미사로 끝나는 웹 페이지입니다. 이 유형의 웹 페이지를 의사 정적을 제외하고는 정적 웹 페이지에 속합니다.
그렇다면 HTML 또는 HTML 및 PHP, ASP, ASPX, JSP 등과 같은 접미사로 끝나는 다른 웹 페이지의 차이점은 무엇입니까?우선, HTML 페이지는 정적입니다. 처음부터 끝까지 프로그램 실행이 없습니다. 순수한 HTML 언어입니다. 브라우저로 직접 전송되고 서버에서 처리하지 않고 브라우저에 제시됩니다.
다른 접미사 끝의 웹 페이지는 비교적 역동적 인 웹 페이지입니다. 동적 페이지는 서버에서 처리하여 각 프로그램, 데이터베이스 작업 등을 번역하고 처리하고 브라우저는 서버의 데이터를 사용자에게 제공하며 웹 페이지 컨텐츠 데이터는 배경 데이터의 변경에 따라 변경 될 수 있습니다.
그렇다면 기본 HTML 언어 조직은 무엇입니까?먼저 HTML 구조를 살펴 보겠습니다.
<html> <head> <title> 기사 제목을 넣습니다. charset = gb2312/> // 이것은 웹 페이지 인코딩입니다. 이제 gb2312 <meta name = 키워드 내용 = 키워드 = 메타 이름 = 설명 내용 =이 페이지 설명 또는 키워드 설명/> </head> <body> 이것은 기본 내용 </body> </html>입니다.
완전한 HTML에는 HTMLDOCTYPE 선언, 제목 제목, 헤드, 웹 인코딩 선언 등이 포함됩니다.
처음에 전체 HTML 소스 코드를 사용하여 :
<! docType html public- // w3c // dtd xhtml 0 과도기 // en http : // wwworg/tr/xhtml1/dtd/xhtml1-transitionaldtd> <html xmlns = http : // wwworg/<headml>/xhtml>/xhtml> http-equiv = content- 타입 컨텐츠 = 텍스트/html; charset = utf-8/> <title> 제목 파워 노드 </title> <meta name = 키워드 내용 = 키워드/키워드/> <메타 이름 = 설명 내용 =이 페이지의 설명 또는 키워드 설명/<bod> 내용 </body> </html>
최신 완전한 HTML 구조 -HTML 소스 코드 (권장) :
<! docType html> <html lang = zh-cn> <head> <meta charset = utf-8> <title> 웹 페이지 제목 </title> <meta name = keywords = keyword = keywords/> <meta name = description =이 웹 페이지 설명/</head> <body> web 컨텐츠 </html>
HTML이든 접미사가있는 다른 동적 페이지이든 HTML 언어 구조는 이와 같지만 웹 페이지 파일을 지명 할 때는 다른 접미사로 끝납니다.
1. 동적이든 정적 페이지이든 <html>로 시작한 다음 웹 페이지 끝에서 </html>로 끝납니다.
2. <Html> 다음에 <head> 페이지 헤더가 이어집니다. <head> </head>의 내용은 브라우저에 표시 할 수 없습니다. 다음은 서버, 브라우저, 링크 외부 JS, 링크 CSS 스타일 등과 같은 영역이며 페이지 제목은 <title> </title>에 배치됩니다.
3. 그런 다음 <meta name = 키워드 내용 = 키워드/> <메타 이름 = 설명 내용 =이 페이지 또는 키워드 설명/>이 두 태그의 내용은 검색 엔진에 대한 설명입니다. 이 페이지의 키워드 와이 웹 페이지의 주요 내용을 사용할 수 있습니다.
4. 다음은 본문 <body> </body>이며, 일반적으로 신체 영역이라고합니다. 여기에 배치 된 콘텐츠는 브라우저를 통해 사용자에게 제시 할 수 있습니다. 컨텐츠는 테이블 레이아웃 형식 컨텐츠, DIV 레이아웃 콘텐츠 또는 직접 텍스트 일 수 있습니다. 이것은 또한 웹 페이지의 컨텐츠 프리젠 테이션 영역 인 가장 중요한 영역이기도합니다.
5. 마지막으로 </html>로 끝납니다. 즉, 웹 페이지가 닫힙니다.
위의 것은 HTML 언어의 완전하고 단순한 기본 구조입니다. 위의 내용을 통해 웹 페이지를 풍부하게하기 위해 더 많은 스타일과 컨텐츠를 추가 할 수 있습니다.
참고 : 웹 페이지는 일반적으로 다음과 같은 XHTML 표준에 따라 각 태그를 닫아야합니다. <meta name = keywords content = keywords/>와 같은 폐쇄가 없으면 <meta/>가 완료됩니다.
위는 간단한 용어로 가장 간단한 HTML 언어 구조입니다. 더 풍부하고 더 풍부한 HTML 언어 구조를 볼 필요가 있으면 웹 사이트의 웹 페이지를 열면 브라우저를 클릭하여 보려면 소스 코드를 클릭하여 웹 페이지의 HTML 언어 구조를 확인하십시오. 이렇게하면이 소스 코드를 기반 으로이 웹 페이지의 HTML 언어 구조 및 컨텐츠를 분석 할 수 있습니다.