Koras02
Koras02코딩웹
Koras02
전체 방문자
오늘
어제
  • 분류 전체보기 (299)
    • 백엔드 (59)
      • nestjs (2)
      • Ruby (3)
      • PostgresQL (11)
      • MySQL (5)
      • Haskell (7)
      • Koa (3)
      • Java (3)
      • Python (5)
      • Rust (5)
      • MongoDB (2)
      • PHP (3)
      • Spring Boot (1)
      • redis (5)
      • deno (2)
    • 웹서버 (3)
      • nginx (1)
      • Apache (2)
      • Google Web Server (0)
    • 모바일개발 (5)
      • Figma (0)
      • React Native (2)
      • swift (0)
      • Flutter (3)
      • Kotlin (0)
    • 프론트 엔드 (158)
      • HTML (34)
      • CSS (7)
      • Javascript (35)
      • Angular (0)
      • Typescript (2)
      • React (58)
      • Vue (2)
      • GIT (6)
      • GraphQL (1)
      • Doker (4)
      • Go (8)
      • svelte (1)
      • gatsby (0)
    • etc. (47)
      • Notion (0)
      • TIL (24)
      • Algorithm (17)
      • Algorithm 개념 정리 (2)
      • Wiki (3)
      • Official document (1)
    • 웹개념 (12)
    • 변수정리 (1)
    • VSCode (2)
    • 포트폴리오 분석 (2)
      • React (2)
    • os (5)
      • 윈도우 (4)
      • Mac (0)
      • 가상머신 (0)
      • linux (1)
    • 응용프로그램언어 (2)
      • C (2)
      • C++ (0)
      • C# (0)
    • 블로그 운영관련 (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록
글쓰기

공지사항

  • [공지사항] 개발 이슈나 공식문서 업데이트 업로드 예정입니⋯

인기 글

태그

  • html
  • 프로그래머스
  • 문자열
  • Rust
  • mysql
  • redis
  • javascript
  • 알고리즘
  • html5
  • 데이터 타입
  • PostgreSQL
  • Haskell
  • CSS
  • React
  • Til
  • Java
  • koa
  • go
  • 하스켈
  • Flutter

티스토리

최근 댓글

최근 글

250x250
hELLO · Designed By 정상우.
Koras02

Koras02코딩웹

[HTML] HTML - 4.HTML 요소 구조
프론트 엔드/HTML

[HTML] HTML - 4.HTML 요소 구조

2022. 12. 29. 23:16
728x90

HTML 요소구조

HTML 요소(element)는 여러 속성을 가질 수 있고, 이러한 속성(attribute)는 해당 요소에 대한 추가적인 

정보를 제공합니다.

속성에는 HTML 요소 중에서도 언제나 시작 태그 내에서 정의되고, 속성 이름과 속성값(value)로 표현됩니다.

<태그 이름 속성이름 = "속성값">

속성의 이름은 항상 소문자로 작성해야한다.

HTML5 표준에서는 속성 이름에 대소문자를 구분하지 않고 있습니다.

하지만 W3C에서는 속성 이름을 사용할 때 될 수 있으면 소문자 형태로 작성하는 것을 권장하고 있습니다.

또한, XHTML에서 속성 이름을 더욱 엄격하게 소문자로만 사용해야 합니다.


속성값은 언제나 따움표를 사용해 감싸야한다.

HTML5 표준을 기준으로 속성 값에 따옴표 사용을 강제해야 합니다.

하지만 속성값을 따옴표로 감싸지 않을 시, 다음과 같은 예상치 못한 오류가 발생할 수 있습니다.

<img src="67436032.jpg" alt="이미지 넣을시 따움표">
<img src="67436032.jpg" alt=따움표 없을 시 오류발생 할 수 있음!>

위 예제처럼 같은 속성값에 띄어쓰기가 들어가면, 반드시 따움표를 넣어야만 정확한 값을 저장할 수 있습니다.

속성값을 감쌀 때는 보통 큰 따옴표("")가 사용되며, 작은 따옴표('')도 사용할 수 있습니다.


참고자료

 

코딩교육 티씨피스쿨

4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등

tcpschool.com

 

'프론트 엔드 > HTML' 카테고리의 다른 글

[HTML] HTML - 5.제목 Title  (0) 2022.12.30
[HTML] HTML - 3.HTML 기본 구조  (0) 2022.12.29
[HTML] HTML - 2.HTML의 기초  (0) 2022.12.29
    '프론트 엔드/HTML' 카테고리의 다른 글
    • [HTML] HTML - 6.단락
    • [HTML] HTML - 5.제목 Title
    • [HTML] HTML - 3.HTML 기본 구조
    • [HTML] HTML - 2.HTML의 기초
    Koras02
    Koras02
    현재 사용중인 언어 - next-js,react,vue, typescript

    티스토리툴바