[부스트코스 웹프로그래밍] 5. html
HTML
- HTML문서는 <html>태그로 시작하고 </html>태그로 끝난다
- head는 html문서에 대한 추가적인 자세한 정보가 담겨있다. 눈에 보이는 것을 정의하는 부분은 아님
- body에는 화면에 표현되어야하는 <div>태그 등이 담겨있다.
- html은 계층적이다
- html 안에는 javaScript와 css가 여기저기 존재한다
http://www.jsbin.com (html, css javascript 테스트사이트)
javascript 코드는 어디에나 들어갈 수 있지만 html body 태그가 끝나는 부분에 넣어주는것이 일반적.
위 쪽에 html 코드 사이에 넣으면 브라우저가 html을 해석하는 동안 js 코드를 다운로드 받고 해석하느라 동작이 느려질 수 있기 때문!
ex)
<script>
console.log("javascript codes..");
alert("this is alert!");
</script>
- css 외부파일 추가하기
<link rel="stylesheet" href="./main.css">
- js 외부파일 추가하기
<script src="./main.js?></script>
( 브라우저가 서버에 요청하고 곧바로 받고 혹시 바로 실행되어야할 js코드가 있다면 이것을 먼저 바로 실행)
*정리*
JavaScript 코드는 body 태그 닫히기 직전에 위치
css 코드는 head안에 위치하여
렌더링 처리 시 브라우저가 더 빨리 참고할 수 있게 하자
No comments: