최근에 HTML5, CSS3, JavaScript 및 jQuery를 사용하여 모바일 웹 애플리케이션을 개발했습니다. 이 단계에서 나는 HTML, CSS & JS에 대한 코드를 3 개의 다른 파일로 분리하고 웹 서버를 사용하여 이들 파일 간의 연결을 설정하려고합니다. 어떤 해결책?개별 파일 (HTML5, CSS 및 JS)
-1
A
답변
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 상용구는 읽기 쉽고 훑어보아야합니다. 개발자는 성능과 개발자 프로세스에 많은 시간을 할애합니다.
관련 문제
- 1. 불필요한 JS 및 CSS 파일
- 2. Wicket 앱에 CSS 및 JS 파일 포함
- 3. JS 및 CSS 파일 mod_rewrite/break
- 4. WordPress에서 외부 JS 및 CSS 파일 연결
- 5. Google 크롬에만로드되는 CSS 및 JS 파일
- 6. 페이지에서 CSS 및 js 파일 제거
- 7. drupal : 너무 많은 js 및 css 파일?
- 8. HTML5/JS - div에 여러 파일 입력 표시
- 9. html5/JS
- 10. CSS/JS 저장 및 파싱
- 11. 다른 JS 파일 및 Intellisense의 JS 파일
- 12. CSS 및 js 파일 합병 및 최소화 도구 검색
- 13. 이벤트 빌드 및 .js 및 .css 파일 버전 관리
- 14. HTML5 웹 SQL 저장 다른 JS 파일
- 15. mod_gzip 및 mod_deflate없이 CSS 및 JS 압축하기
- 16. Node.js의 .js 및 .css 처리하기
- 17. 정적 HTML 파일에서 JS 및 CSS 압축
- 18. Node.js, Express 및 CSS, js, 이미지 애셋
- 19. Metro JS/HTML5 앱 및 테이블 스토리지
- 20. 티타늄의 HTML5 (및 JS)는 실제로 고유합니까?
- 21. 로컬 Sinatra 개발에 로컬 (JS 및 CSS) 파일 포함
- 22. Apache에서 RoR Passenger를 사용하여 JS 및 CSS 파일 캐싱
- 23. jstree를 설치할 때 포함시킬 .js 및 .css 파일
- 24. Heroku가 표시되지 않습니다. (찾기?) .css 및 .js 파일
- 25. 드루팔 (Drupal의 home.tpl.php 페이지에 대한 별도의 js 및 css 파일)
- 26. Node.js - 외부 JS 및 CSS 파일 (단지 node.js를 사용하지 않음)
- 27. .htaccess 파일 JS 및 CSS 파일이 호출되는 것을 야기 함
- 28. .net에서 컨트롤, js 파일 및 css 파일을 캐시하는 방법은 무엇입니까?
- 29. 현재 브라우저를 기반으로 별도의 .css 및 .js 파일 세트를로드하십시오.
- 30. Drupal의 JS 및 CSS 최적화 오류
여기에 무엇이 요청되는지 알기가 어렵습니다. 질문은 "HTML, CSS 및 JS를 어떻게 3 개의 개별 파일에 넣을 수 있습니까?"라고 묻는 것 같습니다. 답은 "파일을 3 개의 개별 파일로 저장"입니다. 우리는 당신이 갇혀있는 곳을 알 방법이 없습니다. – thomasrutter
특히 HTML, CSS 및 JS 파일을 제공하는 다른 방법을 생각할 수 없기 때문에 웹 서버에 대한 언급은 정말로 혼란 스럽습니다. – depa
당신이 맞아. 내 질문이 웹 개발자에게 바보처럼 보일 수도 있다는 것을 안다. 이것은 마크 업 언어뿐만 아니라 웹 애플리케이션 (Java와 C#으로 작업 한 적이있다)과 함께 일한 나의 첫 경험이다. 웹 아키텍처 및 웹 서비스에 대해 잘 알고 있습니다. 단순히 HTML5, CSS3 및 JS를 서로 다른 파일로 분리하여 단일 폴더에 저장하면 어떻게됩니까? – kazkay