[부스트코스 웹프로그래밍] 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:

Powered by Blogger.