익명의 개발노트

브라우저가 Html파일을 랜더링 할 때, 맨 위에서 아래로 한줄한줄 읽으면서 실행한다. script 태그가 없으면, 브라우저는 parsing HTML만 진행을 할 것이다. 그럼 아래와 같이 head 부분에 script가 있으면?? 위와 같이 HTML을 먼저 파싱하고, 자바스크립트를 fetch, executing 하는동안 HTML 파싱은 잠시 중지하고, 스크립트 실행이 끝나면 남은 HTML을 파싱한다. 아래와 같이 Body에 있는 경우는 어떠할까? 위와 같이 HTML 파싱이 다 끝나면, 스크립트를 fetch, executing한다. body에는 위와 같은 순서대로 진행되기때문에 async, defer가 거의 의미가 없다. 그러면, async와 defer를 쓰면 무슨차이가 있을까? 우선 Async를 먼저 보..

HTML 컨텐츠 관련 Tag 1. : 웹 브라우져를 열때 이부분은 표시가 안됨. 사용자에게 안보이는 부분임. 2. : 실질적인 html 을 작성하는 부분 3. : css를 html에 적용시키고자 할때 사용 4. : 실행가능한 코드를 문서에 포함시키거나 참조하기 위한 것. 5. : 웹 페이지의 보이지 않는 정보를 제공하는데 쓰이는 태그. 6. vs : 영역을 설정할 때 사용함. 1) 차이점 : div는 줄바꿈이 되지만 span은 옆으로 붙어버림, 텍스트 표현시 div는 사각형 박스로 구역을 정하지만, span은 문장단위로 지정이 됨. div은 폭, 넓이 지정 가능하지만, span은 지정 불가. ※ table 태그대신 div와 span이용해서 간결한 표 만들 수 있음. 7. : 문서를 연결하는 Tag, 앵커..