HTML5 오류와 검증

2021. 9. 26. 06:40·HTML
반응형

검사를 이용한 오류 확인

버그(bug)

프로그램이 원하지 않는 방향으로 동작하는 것

 

디버그(debug)

버그를 찾아내고 수정하는 행위

 

웹 브라우저 검사 기능으로 디버그 수행

웹 페이지에서 우클릭 후 [검사]

검사 단축키: [F12],  [Ctrl]+[Shift]+[I]

 

[Elements] 탭

현재 HTML 페이지의 계층 구조와 각 태그에 적용된 스타일을 파악할 때 사용

 

[Console] 탭

오류를 확인하거나 자바스크립트 코드를 추가로 입력할 때 사용

 

검사 기능을 통해 오류 발생 원인과 위치를 쉽게 파악할 수 있음

 

[참고] HTML5 웹 프로그래밍 입문(3판)

반응형

'HTML' 카테고리의 다른 글

HTML5 목록 태그  (0) 2021.09.26
HTML5 글자 태그  (0) 2021.09.26
HTML5 작성법  (0) 2021.09.26
HTML5 페이지 구조  (0) 2021.09.26
'HTML' 카테고리의 다른 글
  • HTML5 목록 태그
  • HTML5 글자 태그
  • HTML5 작성법
  • HTML5 페이지 구조
올콩
올콩
콩 심은 데 콩 난다
  • 올콩
    콩스토리
    올콩
  • 전체
    오늘
    어제
    • 분류 전체보기 (196) N
      • SSAFY (10)
      • Algorithm (114) N
        • 이론 (6)
        • 백준 (BOJ) (107) N
        • 프로그래머스 (1)
      • Trouble Shooting (9)
      • Frontend (6)
      • React (17)
      • Next.js (4)
      • Vue (4)
      • Node.js (2)
      • HTML (9)
      • DevOps (4)
        • Git (4)
      • Language (9)
        • JavaScript (0)
        • Java (9)
      • Embedded (1)
      • CS (5)
        • Network (1)
        • Blockchain (4)
      • 자격증 (2)
  • 블로그 메뉴

    • GitHub
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    싸피
    수학
    Error
    Next.js
    SSAFYcial
    강의
    재귀
    html5
    파이썬
    구현
    Algorithm
    알고리즘
    백준
    블록체인
    dfs
    백트래킹
    오블완
    순열
    SSAFY
    bfs
    브루트포스
    힙
    Heap
    중복순열
    티스토리챌린지
    DP
    React
    우선순위큐
    중복조합
    Java
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
올콩
HTML5 오류와 검증
상단으로

티스토리툴바