본문 바로가기

HTML.CSS5

웹브라우저의 동작 원리 NHN Ajax UI랩 장정환, 웹표준개발2팀 남덕현, 오픈퍼블리싱팀 정찬명이 글은 이스라엘 개발자 탈리 가르시엘(Tali Garsiel)이 html5rocks.com에 게시한 "How Browsers Work: Behind the scenes of modern web browsers"를 번역한 글입니다. 탈리 가르시엘은 몇 년간 브라우저 내부와 관련된 공개 자료를 확인하고, C++ 코드 수백만 줄 분량의 WebKit이나 Gecko 같은 오픈소스 렌더링 엔진의 소스 코드를 직접 분석하면서 어떻게 브라우저가 동작하는지 파악했습니다. 소개브라우저는 아마도 가장 많이 사용하는 소프트웨어일 것이다. 이 글을 통해 브라우저가 어떻게 동작하는지 설명하려고 한다. 이 글을 읽고 나면, 브라우저 주소 창에 naver... 2012. 11. 3.
IE8 CSS expression 지원 중단 IE8부터는 CSS expression의 지원을 중단한다고 합니다. 여기서 말하는 IE8이라는 것은 페이지가 IE8 Standard mode로 렌더링되었을때를 의미하며, quirks mode나 IE7 모드에서는 여전히 사용할 수 있다고 하네요. IE8 개발팀도 번거롭겠습니다. 두 가지 렌더링 모드를 모두 포함한 브라우저를 만드려니… 그들도 이젠 크로스 브라우징의 짜증남은 몸소 깨닫고 있을 듯. ㅋㅋ IEBlog의 해당 기사에 따르면 지원이 중단되는 이유는 첫째 표준이 아니며, 둘째 성능 향상을 위해, 마지막으로는 browser attack surface를 줄이기 위해서라고 합니다. 첫째 이유는 당연한 것일테고 두번째 이유는 CSS expression이 특정 이벤트가 발생할때마다 계속해서 실행되도록 되어 .. 2008. 11. 21.
DOM 의 이해 지난 달에는 웹 페이지를 정의하는 문서 객체 모델을 소개했습니다. 이번 달에는 돔을 보다 자세히 연구합니다. 돔 트리의 부분들을 생성, 제거, 변경하는 방법을 설명하고 그 다음 단계인 웹 페이지를 업데이트 하는 방법을 설명합니다. 지난 달에는 웹 브라우저가 웹 페이지들 중 하나를 디스플레이 할 때 어떤 일이 일어나는지에 대해 설명했다. 페이지에 정의했던 HTML과 CSS가 웹 브라우저로 보내지면 이것은 텍스트에서 객체 모델로 변환된다. 코드가 단순하건 복잡하건 간에, 하나의 파일에 저장하든 또는 개별 파일들에 모든 것을 저장하든 간에 이것은 사실이다. 브라우저는 제공된 텍스트 파일 보다는 객체 모델을 사용한다. 브라우저가 사용하는 모델을 문서 객체 모델(Document Object Model)이라고 한다.. 2008. 5. 7.
「HTML 5」를 주목해야 하는 이유 개인 홈페이지를 만들어 보았던 사람들 중에 HTML을 공부해 보지 않았던 사람은 아마 없을 것이다. HTML은 정보(콘텐츠)와 의미(마크업)를 함께 손 쉬운 텍스트로 편집할 수 있어 쉽게 배우고 쓸 수 있었다. 글꼴을 굵게 하려면 굵게, 제목을 표시하고 싶으면 제목이라고 적기만 하면 된다. HTML의 이런 단순함은 웹 상에 사람이 참여하는 토대를 낳게 하기에 충분했다. 하지만 이러한 장점에도 불구하고 90년대 후반 웹 브라우저 업체의 점유율 전쟁 중에 상용 비표준 태그들이 남발되면서 HTML의 기본 정신을 훼손했는가 하면 웹 표준 기구인 W3C도 기계도 이해할 수 있는 완벽한 형태인 XML 전향을 기반으로 XHTML로의 전환을 꾀하였다. 따라서 HTML은 4.01 버전을 끝으로 더 이상 업그레이드 되지 .. 2008. 4. 25.
HTML 특수문자 표현하기 HTML 특수문자 = ! = ! " = " # = # $ = $ % = % & = & ' = ' ( = ( ) = ) * = * + = + , = , - = - . = . / = / 0 = 0 1 = 1 2 = 2 3 = 3 4 = 4 5 = 5 6 = 6 7 = 7 8 = 8 9 = 9 : = : ; = ; = > ? = ? @ = @ A = A B = B C = C D = D E = E F = F G = G H = H I = I J = J K = K L = L M = M N = N O = O P = P Q = Q R = R S = S T = T U = U V = V W = W X = X Y = Y Z = Z [ = [ \ = \ ] = ] ^ = ^ _ = _ ` = ` a .. 2008. 4. 25.