STORAGE/HTML8 웹 표준 1.정의 Web Standards 웹에서 사용되는 기술 및 규격에 대한 공식적이고 표준화된 정의. HTML, CSS, JavaScript, HTTP 등의 기술들이 버전별로 표준화되어 있다. 2.목적 웹의 일관성과 상호 운용성을 유지 웹 표준을 준수하는 웹 페이지와 웹 애플리케이션은 다양한 브라우저와 플랫폼에서 일관되게 작동하므로 사용자 경험을 향상시키며 웹의 발전을 촉진한다. 웹 표준은 웹 보안을 강화하고 웹 콘텐츠의 접근성을 개선하는 데도 기여한다. 3.웹 표준 기구 Web Standards Organization WWW(월드 와이드 웹)의 표준 및 규격을 개발하고 유지하는 조직 또는 단체. W3C (World Wide Web Consortium): 웹 관련 표준을 개발하고 유지하는 주요 조직. HTM.. 2024. 4. 1. aria-* 속성 스크린 리더(Screen Reader) 등 보조 기술에게 정보를 제공함. aria-label: 요소가 어떤 동작을 수행하는지 설명하고 싶을 때 사용 aria-labelledby: 다른 요소가 목표 요소의 라벨 역할을 할 때 라벨 요소의 ID를 명시 aria-describedby: 다른 요소가 목표 요소의 부가 설명을 할 때 설명 요소의 ID를 명시 Open Menu 메뉴 열기 Open Menu 이 버튼은 메뉴를 엽니다. Open Menu ir의 반대 aria-hidden="true" 2023. 7. 19. title 태그의 배신 section태그에 title이 필수라는 정도의 지식으로 시멘틱에 대한 지식이 있다고 생각했었지... 그런데 아니라고?!! seciton에는 role 속성 + title에는 id 속성을 더해서 두 속성의 값을 일치시켜, title에 라벨을 달아줘야 제대로 작동한다고 한다. 아래의 예시코드는 둘 다 가능은 하지만 1번을 권한다. 자료: https://www.w3.org/TR/wai-aria/#region Section 1 2023. 7. 15. markdown(마크다운) 문법 디스코드, 노션, 깃헙 readme 등에 활용할 수 있는 마크다운 문법입니다😄 1. 헤딩 헤딩1 헤딩2 헤딩3 헤딩4 헤딩5 헤딩6 # 헤딩1 ## 헤딩2 ### 헤딩3 #### 헤딩4 ##### 헤딩5 ###### 헤딩6 2. hr ___ --- *** 3. 리스트 리스트 리스트 리스트 + 리스트 + - 리스트 - * 리스트 * 리스트 리스트 리스트 1. 리스트 100. 리스트 2. 리스트 * 계층 구분은 tab 4. 텍스트 **굵게** 굵게 *이탤릭* 또는 _이탤릭_ 이탤릭 또는 이탤릭 밑줄 ~~취소~~ 취소 > 인용구 블럭 >> 안 인용구 코드 인라인 코드 블럭 인라인 코드는 백틱(`) 하나로 감싸서 표기 블럭 코드는 백틱 3개로 위아래 줄을 감싸서 표기 / 또는 백틱 없이 띄어쓰기를 크게 주어도 .. 2023. 5. 17. Emmet(에밋) 스터디북 재밌게 보세요! 😊 Basic Syntax Child: > Sibling: + Climb-up: ^ Grouping: () Multiplication: * Item numbering: $ ID and CLASS attributes Custom attributes Text: {} Implicit tag names div+div>p>span+em^bq div+div>p>span+em^^bq div>(header>ul>li*2>a)+footer>p (div>dl>(dt+dd)*3)+footer>p ul>li.item$*5 Header 1 Header 2 Header 3 h$[title=item$]{Header $}*3 ul>li.item$$$*5 ul>li.item$@-*5 ul>li.item$@3*5 for.. 2023. 5. 17. 이전 1 2 다음
