2012-08-28 3 views
-1

최근에 HTML5, CSS3, JavaScript 및 jQuery를 사용하여 모바일 웹 애플리케이션을 개발했습니다. 이 단계에서 나는 HTML, CSS & JS에 대한 코드를 3 개의 다른 파일로 분리하고 웹 서버를 사용하여 이들 파일 간의 연결을 설정하려고합니다. 어떤 해결책?개별 파일 (HTML5, CSS 및 JS)

+2

여기에 무엇이 요청되는지 알기가 어렵습니다. 질문은 "HTML, CSS 및 JS를 어떻게 3 개의 개별 파일에 넣을 수 있습니까?"라고 묻는 것 같습니다. 답은 "파일을 3 개의 개별 파일로 저장"입니다. 우리는 당신이 갇혀있는 곳을 알 방법이 없습니다. – thomasrutter

+0

특히 HTML, CSS 및 JS 파일을 제공하는 다른 방법을 생각할 수 없기 때문에 웹 서버에 대한 언급은 정말로 혼란 스럽습니다. – depa

+0

당신이 맞아. 내 질문이 웹 개발자에게 바보처럼 보일 수도 있다는 것을 안다. 이것은 마크 업 언어뿐만 아니라 웹 애플리케이션 (Java와 C#으로 작업 한 적이있다)과 함께 일한 나의 첫 경험이다. 웹 아키텍처 및 웹 서비스에 대해 잘 알고 있습니다. 단순히 HTML5, CSS3 및 JS를 서로 다른 파일로 분리하여 단일 폴더에 저장하면 어떻게됩니까? – kazkay

답변

2

HTML 내에서 CSS & JS에 대한 참조를 선언하면됩니다. 성능상의 이유로 머리에 CSS 참조를 넣고 태그를 닫기 직전 파일 끝에 JS 참조를 넣는 것이 좋습니다. 이렇게하면 페이지가로드되고 박쥐 바로 바르게 보이며 자바 스크립트 다운로드가 차단되지 않습니다. JS가 마지막으로로드됩니다.

<html> 
<head> 
<link rel="stylesheet" type="text/css" href="mystyles.css" /> 
</head> 

<body> 
... 

<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="myscript.js"></script> 

</body> 
</html> 
0

내가

같은 빌더로보고 추천 할 것입니다
  • 아파치 개미
  • HTML5 상용구 빌드 스크립트
  • 그런트 (Node.js를 기준)
  • 다음은 HTML 마크 업의 예
  • 파일 만들기 또는 레이크 파일

모든 파일을 분리 한 다음 파일을 채울 수 있습니다. 또한 파일을 결합하고 축소 할 수 있습니다. 다른 CSS, HTML 및 자바 스크립트에 관해서는. 그것들은 모두 별도의 파일에 남아 있어야합니다. 그러나 파일을 축소하고 단일 파일로 결합하면 확실히 페이지로드 시간이 줄어 듭니다.

HTML5 상용구는 읽기 쉽고 훑어보아야합니다. 개발자는 성능과 개발자 프로세스에 많은 시간을 할애합니다.

관련 문제