📌 HTML CSS JavaScript란 무엇일까?
HTML
HTML은 웹의 기본적인 구조의 뼈대를 구성하는데 사용되는 언어이다.
CSS
CSS는 HTML로 인해 뼈대를 작성한 후 시각적으로 디자인하여 표현할 수 있는 스타일시트 언어이다
HTML로 만든 구조를 예쁘게 디자인 하는 것.JS
자바스크립트는 객체(Object) 기반의 스크립트 언어이다 복잡한 기능을 구현할 수 있다.
HTML와 CSS로 디자인된 기능들을 동적으로 구현해주는 프로그래밍 언어이다.웹 접근성
웹 표준이란 브라우저 종류 및 버전에 따른 기능 차이에 대하여 호환이 가능하도록 제시된 표준으로, 다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 동일하게 구현함과 동시에 어느 한쪽에 최적화되어 치우치지 않도록 공통요소를 사용하여 웹 페이지를 제작하는 기법을 의미한다. 표준화 단체인 W3C(World Wide Consortium)가 권고한 표준안에 따라 웹사이트를 작성할 때 이용하는 HTML, CSS, JavaScript 등에 대한 규정을 담고 있으며 웹 표준의 궁극적인 목적은 웹사이트에 접속한 사용자가 어떠한 운영체제나 브라우저를 사용하더라도 동일한 결과를 보이게 하는 것이다.
쉽게말해 어떤 운영체제나 브라우저를 사용하더라도 웹페이지가 동일하게 보이 고 정상 작동해야함을 의미.표준화 제정 단계는 다음과 같다.
Working Draft (WD): 초안
Candidate Recommendation (CR): 후보권고안
Proposed Recommendation (PR): 제안 권고안
W3C Recommendation (REC): 권고안 --> 이 단계까지 와야 표준이 되는 것웹 접근성
웹 접근성이란 정상적인 웹 콘텐츠 사용이 가능한 일반 사용자부터 고령자, 장애인 같은 신체적, 환경적 조건에 제한이 있는 사용자를 포함해 모든 사용자들이 동등하게 웹 컨텐츠를 제작하는 방법
태그는 각자의 의미를 가지고 있는데 아래와 같은 형태로 사용할 수 있다.
<h1>제목</h1> //.가장 큰 제목
<p>안녕하세요 이 문장은 단락입니다.</p> //.문단 나눔
위와 같이 HTML태그들은 열리고 닫히는 구조를 가지고 있다. 대부분 한쌍으로 취급하고 끝맺을 때 </'??'>로 닫아줘야 한다. 예외 적으로 하나만 있는 태그도 있다.
홀태그
area - 이미지 맵 내부의 영역을 정의한다.(이미지맵은 클릭 가능한 영역이 존재하는 이미지 이다.)
br - 줄 바꿈 태그
col - column (열 = 세로줄) 의미.
img - 이미지 삽입을 위한 태그
hr - 콘텐츠 내용에서 주제가 바뀔 때 사용할 수 있는 수평 가로선을 정의할 때 사용한다.
<hr> 요소는 HTML 문서에서 내용을 구분하거나 주제의 변화를 정의한다.
meta - 해당 문서에 대한 정보인 메타데이터(metadata)를 정의할 때 사용합니다. <meta> 요소는
<base>, <link>, <script>, <style>, <title> 요소와 같은 다른 메타데이터 관련 요소들이
나타낼 수 없는 다양한 종류의 메타데이터를 제공할 때 사용되며, /이렇게 제공된 정보는 브라우저나
검색 엔진, 다른 웹 서비스에서 사용하게 된다.
이러한 <meta> 요소는 언제나 <head> 요소 내부에 위치해야 한다.
만약 name 속성이나 http-equiv 속성이 명시되었다면 반드시 content 속성도 함께 명시되어야 하며, 반대로 두 속성이 명시되지 않았다면 content 속성 또한 명시될 수 없다.
---
HTML5에서는 <meta> 요소를 통해 웹 페이지에서 사용자가 볼 수 있는 영역인 뷰포트(viewport)를
제어할 수 있도록 name 속성에 viewport 속성값을 제공하고 있다.
---
**출저: http://www.tcpschool.com/html-tags/meta **
source - 여러방식의 미디어파일을 사용할 수 있도록 해주는 태그
link - 외부 문서를 연걸시키는 태그 주로 css 파일을 연결하거나 폰트를 연결할때 사용
input - 사용자로부터 입력을 받을 수 있는 입력 필드(input filed)를 정의할 때 사용한다. <input> 요소는 사용자가 데이터를 입력할 수 있는 입력 필드를 선언하기 위해 <form> 요소 내부에서 사용되며 type 속성마다 사용되는 값이 달라진다.그 외에 사용되지 않는 홀태그도 존재하며 내가 모르는 홀태그가 있을 수 있지만 이렇게 종류가 다양하며 상황에 따라 편리하게 사용되고 있다.
참고: http://www.tcpschool.com/html-tags/meta
https://helloworld-88.tistory.com/96
0개의 댓글
