개발/HTML,CSS
![[기초편] HTML이란 무엇일까?](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F0Ep0x%2Fbtq8Bl39pRm%2Fkkx5DogGnXlaMGn59Ugl41%2Fimg.jpg)
[기초편] HTML이란 무엇일까?
어떤 지식을 배우거나 할때는 가장먼저 그것이 왜 나왔고, 어디에 쓰이는지 알아보는 습관이 가장 중요하다고 생각한다. 그렇다면 HTML이 나오게 된 배경은 무엇일까? HTML의 탄생 배경 HTML 최초의 일반 공개 설명은 1991년 말에 버너스리가 처음으로 인터넷에서 문서를 "HTML 태그"(HTML tag)로 부르면서 시작되었다. 그것은 머릿글자로 이루어진 20개의 요소를 기술하였고, 상대적으로 HTML의 단순한 디자인이었다. 하이퍼링크를 제외한 HTML 태그들은 CERN 자체의SGML기반 문서화 포맷인 SGMLGUID에 강하게 영향을 받았다. 이 요소 중 13개는 HTML 4 버전에서도 여전히 존재한다. HTML은 동적인 웹 페이지의웹 브라우저를 통한 문자와 이미지 양식이다. 문자 요소의 대부분은 19..
<meta> 태그 정리
html 에서 중요한 meta에 대해 정리하겠습니다. 우선 meta태그는 태그 안에 쓰이며 문서 그 자체를 설명하는 태그랍니다. 하나씩 살펴보겠습니다 첫째, 문자 인코딩에 대한 meta태그 입니다.charset는 보통 utf-8을 많이 사용합니다.그 이유는 한글 때문입니다. 둘째, 검색에 영향을 끼치는 태그입니다.요즘에는 검색방식이 바뀌어서 그렇게 까지 영향을 끼치지 않습니다. 셋째, 페이지 설명을 입역하며 정보파악을 할수있게합니다. 최대 155자를 입역가능하다네요. 넷째, http://http:xxxxx.com/xxxx"> 일정 시간이 지나면 페이지 새로고침이 됩니다. 다섯째, 아이폰떄문에 사용하는 meta태그 입니다. 전화번호와 같은 형식이면 문자열을 감지하고 전화를 걸 수 있는데,위와 같은 태그가 ..
CSS 방법론 Bem 표기법에 대해서 알아보자~!!
사실을 직시하자. 우리는 우리가 작성하는 코드가 읽기 쉬웠으면 한다. 그렇게 되면 더 빨리 그리고 더 효율적으로 일을 하는데 도움이 되고, 다른 개발자가 합류한다 하더라도 명확성과 일관성 있는 의미론을 유지할 수 있다. 요즘에는 CSS세계(OOCSS, SMACSS, BEM 등)에 표준도 많고 그에 따른 용어들도 아주 많은 것 같다. 다 이러한 것들이 CSS 구조를 개선시키기 위한 방법론인 것이다. 그래서 오늘은 BEM 방법론을 다루어 보겠다. BEM은 Block Element Modifier의 약자이다. 이것은 문제의 요소에 대한 속성에 근거하는 클래스의 이름을 짓는데 구조적인 방법을 제시한다. 만약 header__form—email과 같은 클래스명을 본적이 있다면, 그렇다! 이것이 바로 BEM 방버론을..