복잡한뇌구조마냥

웹페이지의 정보를 브라우저와 검색 엔진에 전달하는 중요한 수단이 바로 **메타 태그(meta tag)**입니다. 영역에 위치하며, 눈에 보이지 않지만 웹사이트 품질과 검색 노출에 큰 영향을 줍니다.📌 메타 태그란?는 HTML 문서의 메타데이터(문서 자체에 대한 정보)를 정의합니다.대부분 태그 안에 위치합니다.브라우저 설정, 검색 엔진 최적화(SEO), 소셜 공유 정보 등 다양한 용도로 사용됩니다.✅ 자주 쓰이는 메타 태그 종류1️⃣ 페이지 문자 인코딩 설정 페이지의 문자셋을 UTF-8로 설정 (한글 포함 다국어 호환)가장 먼저 작성해야 함 2️⃣ 반응형 뷰포트 설정모바일 대응에 필수화면 크기에 맞게 콘텐츠를 스케일 조정3️⃣ 페이지 설명 (SEO)검색 결과에 표시되는 페이지 설명 문구길이: 150자..

다국어 적용 이전에 영어로만 페이지가 구성이 되어 있었는데,크롬작업시에 자꾸 번역이 되어서 원하는 내용이 아닌게 자꾸 나와 거슬렸던 경험이 있다. 웹페이지에서 크롬 브라우저의 자동 번역 기능이 동작하지 않게 막고 싶을 때, 아래와 같은 방법을 사용할 수 있습니다.✅ 방법1🔍 설명class="notranslate"→ 구글 크롬 번역기의 번역 대상에서 제외됩니다.translate="no"→ HTML5 표준 속성으로, 브라우저가 해당 요소를 번역하지 않도록 명시합니다.📝 적용 팁전체 페이지에 적용하려면 태그에 붙이세요.특정 영역에만 적용하고 싶다면 처럼 사용해도 됩니다.✅ 방법2 🔍 설명name="google"→ 구글 관련 메타 정보임을 지정합니다.content="notranslate"→ 페이지 전체를..

모니터링 페이지 개발에서 SpO₂같은 문자를 매번 특수문자를 찾아가면서 사용하는게 불편했다.HTML에서 윗첨자와 아랫첨자를 표기하기에 유용한 태그가 있어서 특수문자 대신에 사용하도록 변경했다.``: 텍스트를 **기준선 아래**로 표시할 때 사용 (ex. 화학식, 수학식 하단 첨자)``: 텍스트를 **기준선 위**로 표시할 때 사용 (ex. 지수, 각주 번호)예시 코드물 분자 공식은 H2O입니다.52 = 25참고 자료1를 확인하세요.참조 블로그:https://improver.tistory.com/45 태그 활용" data-og-description="HTML로 숫자의 제곱을 표현해보자. 한글이나 워드를 쓰면서도 고민하게 되는 부분이다. 태그를 이용하면 HTML에서는 간단하다. 비슷한 유형의 태그로는 태그가..

1. 에밋(Emmet) - 에밋(Emmet)은 HTML, MXL, XSL 문서 등을 편집할 때 빠른 코딩을 위해서 사용하는 플러그인- 간단한 코드로 완성된 HTML 코드를 생성해줌- 에밋은 여러 텍스트 에디터에 플러그인 방식으로 삽입되어 독립적으로 작동- 특정 텍스트 에디터의 엔진이나 소프트웨어와 무관하게 텍스트 상태에서 직접적으로 작동 2. 코드 구성1) 자식 선택자 및 형제 선택자, 복수 구성- 자식 선택자 ( > )- 형제 선택자 ( + )- 복수 구성 ( * ) ex ) div > ul > li*3 + p 2) 클래스 및 아이디 선택자, 속성 및 내용 등- 클래스 ( . )- 아이디 ( # )- 속성 ( [ ] )- 내용 ( { } )- 순번부여 ( $ )- 순번부여..

❓ HTML Entity란 HTML 엔터티는 &(ampersand) 로 시작하고 ;(semicolon)으로 끝나는 텍스트 조각 (문자열) 입니다. 특수문자나 공백문자를 작성하는데 주로 사용합니다. XSS 공격 방어 용도로도 사용할 수 있습니다. ex) 주로 사용하는 목록은 아래와 같습니다. 다른 HTML 엔터티 확인 경로: https://html.spec.whatwg.org/multipage/named-characters.html#named-character-references HTML Standard HTMLLiving Standard — Last Updated 30 November 2023 ← 13.2 Parsing HTML documents — Table of Contents — 14 The XML..