달력

12

« 2019/12 »

  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  •  
  •  
  •  
  •  

'클라이언트'에 해당되는 글 2

  1. CSS 용어
  2. HTML5와 CSS3 사용의 장점

CSS 용어

용어

설명

제작자(Author)

XHTML이나 XML문서를 제작자를 의미합니다.

사용자(User)

"클라이언트"라고도 불리며 제작자가 만든 문서를 사용하는 사람을 의미합니다.

유저 에이전트(User Agent)

사용자가 하려는 행위를 대신해주는 프로그램을 지칭합니다.

즉, 사용자가 문서를 볼 수 있도록 해주는 것으로, 제작자가 만든 문서를 시작적, 청각적인 형태로 바꾸어 사용자에게 제고하는 프로그램을 말합니다.

웹 브라우저등의 웹클라이언트 프로그램이 이에 해당됩니다.

문서 언어(Document Language)

웹 문서를 만드는데 사용되는 언어를 의미합니다.

XHTML, XML등이 있습니다.

요소(Element)

문서 언어의 요소를 말합니다.

속성(Attribute)

요소에서 세부적인 속성을 의미합니다.

값(Value)

속성의 값을 의미합니다.

선택자(Selector)

CSS에서 사용하는 용어로 문서 언어에서의 요소에 해당합니다.

프로퍼티(Property)

CSS에서 사용하는 용어로 문서 언어에서 속성과 같은 개념입니다.

프로퍼티 값(Property Value)

CSS에서 사용하는 용어로 프로퍼티에 지정되는 값을 의미합니다.

속기 프로퍼티(ShortHand Property)

CSS의 프로퍼티에서 비슷한 것들을 묶어 한 번에 표현하는 것을 의미합니다.

문서의 트리 구조

XHTML문서의 여러 요소를 제어하기 위해 문서의 트리 구조가 생성됩니다. 각 요소들은 서로 간에 종속 관계를 가지게 되며, 루트 요소(body)를 제외한 모든 요소는 하나의 상위 요소를 가지게 됩니다.

루트 요소(body)

XHTML에서 <body>태그는 모든 요소의 상위 요소가 되며, 이를 루트 요소하고 합니다.

상위 요소(Parents)

한 요소가 다른 요소를 표함하고 있거나 내용상, 구조상으로 상위 구조에 있는 경우를 말합니다.

하위 요소(Child)

상위 요소를 가진 요소를 하위 요소라고 합니다.

자손 요소(Descendant)

하위 요소의 하위 요소를 의미합니다.

조상 요소(Ancestor)

한 요소의 상위 요소의 상위 요소를 조상 요소라고 합니다.

형제 요소(Sibling)

동일한 상위 요소를 가지는 두 개 이상의 요소를 형제 요소라고 합니다.

 

'Development > HTML, CSS, XML, ...' 카테고리의 다른 글

태그  (0) 2014.10.11
CSS Color Names  (0) 2014.10.09
CSS 용어  (0) 2014.10.03
HTML 기본 구조  (0) 2014.10.01
CSS 개요  (0) 2014.09.25
01.html-Hello World  (0) 2014.09.13
Posted by codedragon codedragon

댓글을 달아 주세요

HTML5와 CSS3 사용의 장점

   

웹 개발의 플랫폼

의미가 더 분명한 태그들, 사이트나 창 사이의 더 나은 데이터 교환, 애니메이션, 더 나은 멀티미디어 지원 등, 더 좋은 사용자 인터페이스 구현 가능

더 분명한 마크업

내용을 설명하는데 직접 연관된 요소 추가 (제목, 푸터, 내비게이션 절, 사이드바, 글을 정의하는 요소들)

플러그인에 덜 의존하는 멀티미디어

오디오, 비디오 기능 제공

웹 소켓

HTML5는 서버와의 연결을 유지시키는 웹 소켓을 지원

클라이언트 측 스토리지

웹 스토리지와 웹 SQL 데이터베이스 API를 이용하면 브라우저에서 동작하긴 하지만 모든 데이터를 사용자의 컴퓨터에 보관하는 애플리케이션을 만들 수 있음.

더 좋은 인터페이스

테이블에 스타일을 적용하거나, 둥근 모서리를 만드는 등 사용자 인터페이스를 좀 더 풍요롭게 사용 가능.

더 좋은 폼

더 나은 사용자 인터페이스 컨트롤 제공

향상된 접근성

스크린 리더 같은 프로그램을 사용해서 보조 기술에 의존하는 사람에게 더 좋은 웹 페이지 접근성을 제공.

개선된 선택자

CSS3에서 제공하는 선택자를 이용하면 테이블의 홀수 행과 짝수 행을 지정한다거나, 선택된 체크박스를 전부 찾는다거나, 심지어는 특정 그룹에서 마지막 문단을 찾아낼 수도 있음.

시각효과

CSS3을 통해, 배경 이미지에 의존하거나 마크업을 추가하는 일 없이 요소에 그림자와 그래디언트를 넣을 수 있음.

 

'Development > HTML, CSS, XML, ...' 카테고리의 다른 글

자바스크립트 소스 파일(.js) 생성 방법  (0) 2014.08.20
웹표준  (0) 2014.06.09
HTML5와 CSS3 사용의 장점  (0) 2014.06.05
HTML5 지원 API  (0) 2014.06.05
Tomcat 설정 및 Dynamic Web Project 생성  (0) 2014.06.05
02.html-시멘틱 태그 작성  (0) 2014.05.20
Posted by codedragon codedragon

댓글을 달아 주세요