>  기사  >  웹 프론트엔드  >  html/css/js의 관계는 무엇입니까?

html/css/js의 관계는 무엇입니까?

(*-*)浩
(*-*)浩원래의
2019-05-23 09:15:308871검색

HTML, CSS 및 JS는 웹페이지의 주요 부분입니다. HTML은 웹페이지의 구조를 정의하고, CSS는 웹페이지의 모양을 설명하며, JS는 웹페이지의 동작을 설정합니다. 예를 들어 HTML은 사람의 뼈와 장기 같고, CSS는 사람의 피부이며, 이 둘이 식물인간을 구성하는데, js를 추가하면 식물인간이 외부 자극에 반응하고, 생각하고, 움직이고, 살아 있는 사람이 될 수 있습니다.

html/css/js의 관계는 무엇입니까?

수년간 다양한 기술을 적용하느라 바빴으니 이제 더 이상 바쁘지 않으니, 도대체 당신이 무엇인지 스스로에게 물어보세요. 돌이켜보면 직장에서 빠르고 비용 효율적으로 목표를 달성하라는 요청을 자주 받았고, 문제를 해결하기 위해 Du Niang을 사용했지만 이해할 시간이 없었습니다. 오늘은 거시적인 관점에서 정리해보겠습니다.

HTML, CSS, JavaScript 소개와 간단한 분업

1. HTML(Hyper Text Markup Language)이란, HTML 입니다. 웹 페이지를 설명하는 데 사용되는 언어입니다.
2. 스타일은 HTML 요소를 표시하는 방법을 정의하며 구문은 다음과 같습니다. selector {property: value})
3 JavaScript는 A입니다. 실행을 위해 클라이언트에 전송되기 전에 소스 코드를 컴파일할 필요가 없는 스크립트 언어 대신 텍스트 형식의 문자 코드가 브라우저에 의해 해석 및 실행되도록 전송됩니다. 웹 페이지, HTML 정의 웹 페이지의 구조, CSS는 웹 페이지의 모양 및 JavaScript 설정을 설명합니다. 아주 고전적인 예는 HTML이 사람의 뼈와 기관과 같다고 하고, CSS는 이 두 가지를 가지고 있습니다. 사물, 식물인간이 형성되고, 게다가 JavaScript를 사용하면 식물인간은 외부 자극에 반응하고, 생각하고, 움직이고, 성형하고 화장(CSS 변경)하는 등 살아있는 인간이 될 수 있습니다.


HTML이 본문이라면 CSS는 표면, Javascript는 영혼입니다. Javascript가 없으면 HTML+CSS는 식물 상태입니다. Javascript와 CSS가 없으면 변형된 식물 상태입니다.

HTML이 건축가라면 CSS는 장식, Javascript는 마술사입니다.


이 세 가지를 어떻게 연결해야 할까요? 물론 웹 페이지의 본문을 통해서여야 합니다. HTML은 항상 브라우저에 설명하는 언어이므로 일반적으로 어떻게 합니까? 웹 페이지는 어떻습니까?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>网页标题</title>
<link rel="stylesheet" type="text/css" href="mycss.css" />
<script type="text/javascript" src="myjs.js"></script>
</head>
<body>
<p>这是一个段落</p>
</body>
</html>

문서에 나와 있는 내용은 브라우저가 W3C 표준 XHTML1.0 전환 버전 사양(파일 형식 선언)을 따른다는 것입니다. 인코딩은 utf입니다. -8, 내 제목은 "웹페이지 제목"이고, 내 모습을 설명하는 스타일 시트는 같은 디렉터리에 있는 mycss.css 파일이고, 나와 관련된 자바스크립트 코드는 같은 수준의 myks.js 파일에 있습니다. 문단이고 문단의 내용은 "This is a 문단"입니다.

위 내용은 html/css/js의 관계는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.