HTML에서는 먼저 단어를 쓰고 요소 나 태그를 추가 한 다음 페이지에 표시합니다. 이 방법을 통해 브라우저는 페이지의 제목, 단락의 시작과 끝 등을 알 수 있습니다.
CSS에서는 CSS 속성을 사용하여 규칙이 사용됩니다. CSS 속성은 크게 두 가지 범주로 분류됩니다. 첫 번째는 텍스트의 색상, 글꼴 유형, 글꼴 크기, 배경색, 배경 이미지 등을 지정하는 프리젠 테이션입니다. 두 번째 레이아웃은 화면에서 다른 요소의 위치를 정의합니다.
HTML과 CSS를 모두 사용하여 완전한 웹 페이지 인터페이스가 만들어집니다.
비교 차트
| 비교 근거 | HTML | CSS |
|---|---|---|
| 기본 | 웹 페이지의 내용과 구조를 나타냅니다. | HTML 요소의 디자인 및 표시를 수정합니다. |
| 관련성 | CSS는 HTML 파일에서 사용할 수 있습니다. | CSS 스타일 시트에서는 HTML을 사용할 수 없습니다. |
| 구성된 | 콘텐츠를 둘러싼 태그. | 선택자가 선언 블록을 성공했습니다. |
| 사용 방법 | 정의 된 메소드가 없습니다. | 인라인 CSS 코드, 내부 및 외부 스타일 시트는 코드를 구현하는 데 사용할 수 있습니다. |
HTML의 정의
HTML은 웹 문서 (웹 페이지)를 정의하기위한 마크 업 언어입니다. HTML은 하이퍼 텍스트 마크 업 언어로 확장되어 표준 영어 텍스트에 " 마크 업 "을 추가합니다. " 하이퍼 텍스트 "는 웹 페이지를 서로 연관시키는 링크 ( 하이퍼 링크)를 나타냅니다.
마크 업 언어는 페이지 구조를 정의하는 마크 업 태그 그룹입니다. 각 HTML 태그는 다른 문서 내용을 설명합니다. HTML은 자주 변하는 언어가 증가하고 있으며 개정 된 표준 및 규격 그룹이 매력적이고보다 기능적인 사이트를보다 쉽게 만들 수있게합니다.
HTML은 대소 문자를 구분하지 않습니다.
예:
- HTML 태그 는 기본적으로 꺾쇠 괄호로 묶인 키워드 (태그 이름)이며 일반적으로 쌍으로 나옵니다.
함유량
- HTML 요소 는 웹 페이지의 특정 섹션을 설명합니다.
- 콘텐츠 는 웹 페이지에 표시된 텍스트, 링크, 이미지 또는 기타 정보입니다.
- 시작 태그 는 요소의 시작을 나타내는 데 사용되는 HTML 요소입니다.
- 끝 태그 는 개별 요소를 구별하기 위해 HTML 요소를 닫습니다.
CSS의 정의
CSS는 캐스 캐이 딩 스타일 시트 (Cascading Style Sheets )의 약자입니다. 화면에서 HTML 요소의 표현을 지정하는 규칙을 작성할 수 있습니다. 그것은 당신의 웹 페이지에 스타일링을 가능하게하는 기본 HTML에 추가되었습니다.
CSS는 한 번에 여러 웹 페이지의 레이아웃을 제어하여 많은 작업을 절약합니다. CSS 스타일은 웹 사이트에 세 가지 방식으로 구현 될 수 있습니다 : 인라인, 내부 및 외부 스타일 시트.
예:
- CSS 선언은 중괄호 안에 있고 각 부분은 콜론으로 구분 된 속성 과 값 의 두 부분으로 구성됩니다. 하나의 선언에 여러 속성을 정의 할 수 있으며 각 속성은 세미콜론으로 구분됩니다.
- 셀렉터 는 스타일을 지정할 HTML 요소를 나타냅니다.
- 선언 은 속성과 값을 콜론으로 구분하여 포함합니다. 또한 모든 선언을 둘러싸는 중괄호를 선언 블록 ( Declaration block)이라고 합니다.
- 속성 은 변경하려는 요소의 측면을 나타냅니다.
- 값 은 선택한 속성에 적용 할 설정을 지정합니다.
HTML과 CSS의 주요 차이점
- HTML은 웹 페이지의 내용과 구조를 설명하는 기본 마크 업 언어입니다. 반면에 CSS는 웹 페이지의 디자인과 표시를 수정하는 HTML의 확장입니다.
- HTML 파일에는 CSS 코드가 포함될 수 있지만 CSS 스타일 시트에는 HTML 코드가 포함될 수 없습니다.
- HTML은 콘텐츠를 둘러싼 태그 로 구성됩니다. 이므로 셀렉터 가 포함 된 CSS가 선언 블록을 계승했습니다 .
HTML의 장점
- 사용하기 쉽고 구문이 느슨합니다 (너무 유연하므로 표준을 따르지 않습니다).
- 널리 사용되며 거의 모든 웹 사이트에 설치되며 모든 브라우저에서 지원됩니다.
- 데이터 저장을 위해 점점 더 많이 사용되던 XML 구문과 유사합니다.
- 소프트웨어를 구입할 필요가 없으므로 무료입니다.
- 초보자도 쉽게 배우고 코드 할 수 있습니다.
CSS의 장점
- CSS는 CSS를 한 번 작성하고 동일한 페이지를 여러 페이지에 재사용하여 시간을 절약합니다.
- 페이지가 적기 때문에로드 시간이 줄어 듭니다.
- 유지 보수가 쉽고, 글로벌 변경 사항을 쉽게 적용 할 수 있습니다.
- CSS는 HTML에 대한 스타일이 훨씬 뛰어나고 훨씬 다양한 속성을 가지고 있습니다.
- 다중 장치 호환성 제공.
- 이제 HTML 속성이 무시되고 있으며, 모든 HTML 페이지에서 CSS를 사용하여 향후 브라우저와 호환되도록하는 것이 좋습니다.
- 오프라인 캐시를 사용하여 오프라인 탐색을 지원합니다.
- 이 스크립트는 지속적인 플랫폼 독립성을 제공하며 최신 브라우저를 지원할 수 있습니다.
HTML의 단점
- 정적 언어이므로 동적 출력을 생성 할 수 없습니다.
- 제한된 보안 기능을 제공합니다.
CSS의 단점
단편화 - CSS는 각 브라우저마다 다른 크기를 렌더링합니다. 프로그래머는 웹 사이트 또는 모바일 응용 프로그램을 사용하기 전에 여러 브라우저에서 모든 코드를 고려하고 테스트해야 호환성 문제가 발생하지 않습니다.
결론:
HTML 및 CSS는 클라이언트 측 웹 스크립팅 언어가 모두 웹 페이지를 작성하는 데 사용됩니다. 구문 구조, 구현 방법, 사용 용이성 및 언어에서 지원하는 특성과 같은 기능과 같은 여러면에서 차이가 있지만. 그러나 CSS는 더 많은 기능과 유연성을 제공하므로 HTML을 대체합니다.
