mynote6676 개발자 노트

시멘틱 웹 (Semantic Web)-시멘틱 웹은 월드 와이드 웹 컨소시엄(W3C)이 주도한 개념으로, 웹 데이터를 단순히 표시하는 것을 넘어 데이터가 의미를가지도록 만드는 기술과 철학을 의미합니다. - 기존 웹은 사람이 읽고 이해하기 쉽게 설계되었지만. 기계(컴퓨터,검색 엔진 등)는 데이터의 의미를 이해하기 어려웠습니다.시멘틱 웹은 데이터를 구조화하고 메타데이터를 추가해 기계가 데이터를 이해하고 처리할 수 있게 합니다. 시멘틱 태그 (Semantic Tag)- HTML5에 도입된 태그로, 콘텐츠의 의미와 구조를 명확히 정의하는 태그.- 기존태그는 단순히 레이아웃을 나누는 용도였지만, 시멘틱 태그는 콘텐츠의 역할과 의미를 부여해코드의 가독성과 접근성을 높임 주요 특징의미 전달; 태그 이름 자체가 콘텐츠의..

개념 정리 - HTML 속성(Attribute): HTML 태그에 추가적인 정보를 제공하는 key-value 쌍(예 : 속성명="값")-역할 : 태그의 동작 ,스타일 데이터 등을 정의하거나 제어-작성 규칙:-속성은 시작 태그 안에 작성-속성명은 소문자 권장. 값은 따옴표로 감쌈("또는") 주요 속성 예시: -id :요소의 고유 식별자class : 스타일링이나 스크립트를 위한 그룹 식별자src: 이미지 ,비디오 등의 소스 경로alt : 대체 텍스트 (접근성 중요)href: 링크 URL----------------------------------------------------- HTML 속성 배우기 id 속성 확인(렌더되는 페이지에 같은 id 값을 할당 해서는 안된다.) ..

여기서 템플릿이란 말은 웹 페이지를 만들기 위한 기본적인 구조 또는 뼈대라고 생각하면 좋습니다.즉 , HTML 문서를 작성할 때 공통적으로 사용되는 필수 요소들을 미리 정의해 놓은 형태를 의미합니다. HTML 기본 개념 확인하기더보기1. HTML문서의 기본 구조HTML 문서는 크게, 코드 작성 1.DOCTYPE선언역활 : 브라우저에게 "이 문서는 HTML5로 작성됨"을 알려줍니다.중요 포인트 : HTML 문서의 첫 줄에 반드시 작성해야 하며, 대소문자 구분없이 사용 가능합니다. 2.html 태그와 언어 설정 역활 : HTML 문서의 시작과 끝을 나타내며, 모든 컨텐츠를 감쌉니다.속성 lang="ko":문서의 주 언어가 한국어(ko)임을 설정합니다.-주요값 -ko: 한국en: 영어jp:..

학습 목표 1. 웹 문서에 확장자는 무엇일까?2. 웹 표준이라는 의미?3. 그래서 HTML에 의미가 뭘까?========================================================================컴퓨터에서 사용하는 모든 파일에는 각각 고유의 형식이 있다.웹에서는 웹에 맞는형식인 *.html(또는 *.htm)로 문서를 저장해야 한다. HTML5? HTML 대부분의 웹 브라우저에서 HTML5 지원하게 되면서 현재 HTML5의 공식 명칭은 'HTML'이다 사용 중이 웹브라우저가 HTML5를 얼마나 지원하는지 확인하려면(작동하지 않는듯하다.)https://html5test.com/ HTML에 의미를 좀 더 자세히 알아 봅시다. HTML Hyper Text Mark..