목록웹표준코딩 (5)
엔디프의 웹표준 커버스토리
웹을 하다보면 참 여러가지 소스가 필요합니다.저도 작업을 하다보면 여러가지 소스가 필요한데요 그런소스들을 모아서 가지고 있다면 편하게 쓸수 있겠죠그래서 제가 유용하게 활용하는 소스들을 몇가지 정리해보도록 하겠습니다. 1. 새창띄우기새창링크
안녕하세요 엔디프 입니다. 오늘은 반응형 웹디자인에 대해 알아보겠습니다.그냥 반응형 웹디자인이라고 하니까 좀 막연하시죠?제가 분석한것은 반응형 코딩을 하는 기본 방식과 익스 하위버전에서 반응형 코드를 인식하는 방법입니다.저도 html5와 미디어쿼리를 가지고 익스 하위버전에 맞추고 싶진 않은데요..어쩌겠어요.. 우리나라는 아직 이런걸 원하는데요 ^^;; 간단하게 반응형 웹을 알기전에 알아야 할것들이 있습니다. 1. 프레임워크란?프레임워크란 반응형 웹디자인을 쉽게 만들어 줄수있게 만들어주는 도구이며 여러가지가 존재한다. 그중에서도부트스트랩, 파운데이션, 스켈렉톤 등이 있다. * 참조사이트 http://gokgo.tistory.com/96 반응형 웹디자인을 하실때 참고할 사이트 예제 입니다. http://al..
html 덕타입 선언 이후 붙는 메타 태그들은 중요한 역할을 합니다. 그래서 제가 메타 태그들의 기능에 대해서 분석해보았습니다. 출처 IT용어사전 | 메타 태그 하이퍼텍스트 생성 언어(HTML) 문서의 맨 위쪽에 위치하는 태그. HEAD 태그 사이 또는 뒤에 있어도 되지만, 반드시 BODY 태그 앞쪽에 위치해야 한다. 브라우저와 검색 엔진을 사용할 수 있도록 문서의 정보를 포함하고 있다. 외국어 표기 meta tag(영어) 출처 무역용어사전 | 메타 태그 메타 태그란 키워드 검색엔진에 특정 홈페이지 또는 HTML문서에 대한 색인정보 즉, 키워드와 약간의 정리된 내용(컨텐츠)을 표현하는 HTML Tag이다. 외국어 표기 META TAG(영어) ***[네이버 지식백과] 메타 태그 [meta tag] (용어해..
안녕하세요 엔디프입니다.이번에는 HTML5의 기본구조에 대해서 알아보도록 하겠습니다.솔직히 조금만 관심이 있어서 책 찾아봐도 다 나오고 검색해도 친절하게 설명하고있는 곳이 많기는합니다.저도 제 나름대로 분석하고 연구한 것을 토대로 포스팅 해보도록 하겠습니다. HTML5가 HTML4와 다른점은1. 의미있는 태그의 존재입니다.쉽게 설명드려서 HTML4.01 에서 라고 썼다면 이것은 html5에서 or 로 바뀌었죠 의미가 없는 디브 요소가 빠지고 의미가 있는 요소들이 생기면서 html5가 좀더 웹표준에 가까워 졌다는 이야기 입니다. 1. 는 사이트 상단을 나타냅니다.2. 는 네비게이션 을 나타냅니다.3. 중요한건 section과 article의 관계인데요 잠시 section과 article의 관계를 알아보도록..
--------------------------------------------------------------------------- 웹은 어디에서든, 누구나 정보를 함께 공유하고 즐길 수 있어야 합니다. 그것은 웹 브라우저를 넘어 세상의 모든 장치들을 통해 표현됩니다. 웹의 미래를 위해 우리들,웹을 만들어가는 디자이너는 표준을 지켜 웹 세상을 만들어야 할 의무와 사명감을 가지고 디자인을 하여야 합니다. --------------------------------------------------------------------------- 웹표준이란 W3C (월드와이드컨소시엄)에서 제정한 표준 마크업을 활용하여 논리적으로 페이지를 구성한 모든 사이트를 통칭한다. 웹표준이 있는 이유는 모든 사이트들을 공통..