HTML🍰

둘 중 어느 것이 더 의미있는 걸까<p>block level elementused to hold text.문단으로 콘텐츠 나눌시, 페이지의 접근성 증가스크린 리더 등 보조기술들은 다음 문단으로 넘어가는 단축키 제공시각적 매체의 여백이 사용자의 콘텐츠 탐색을 빠르게

a태그와 button태그Anchors vs Buttons

a태그의 target="\_blank"에 대해 알아보자a태그 속성target="\_blank" : 새 창으로 링크열기 target="\_self" : 현재 창에서 링크열기 target_blank를 아무생각 없이 쓰면 안되는 이유 tabnabbing 피싱 공격에

굵게굵게2기울임기울임2밑줄밑줄2형광펜 표시더 작게취소선아래첨자윗첨자<b>와 <strong><b> : 굵은 글자로 표시, 중요성은 무관<strong> : 중요한 내용 표시<i>와 <em><i> : 기울임으로 표시, 강조성과 무관&lt

block level elementmehroinline level elementmehro<div>, <span> tag 의 개념과 차이점

코드란 것이 결과물(웹페이지에 보이는 것)이 성공적인 것에만 의미가 있는 것이 아니라코드 그 자체로도 정보를 갖고 있어 의미있게 작성하는 것이 중요하다.<h1>태그를 배우고 <a>태그를 배웠다.필자는 첫 번째와 같이 적었는데이고잉님의 코드를 보니 두 번째처럼

<section>,<aside>,<article>,<nav>에는 heading tag를 반드시 포함해야 한다.그렇다면 heading tag를 반드시 적어주는 것이 자식요소로서 일까? 자손요소로서 일까?To reiterate, each <sec

<nav> 태그 사용 빈도한 페이지 내에 여러 개의 <nav> 태그를 사용가능aria-labelledby를 사용해 접근성을 향상출처 : <nav> 탐색 구획 요소

<nav> 다른 페이지나, 페이지 내의 섹션으로 이동을 위하 네비게이션 링크 목록스크린 리더 사용자들이 이 부분을 건너뛰고 컨텐츠로 바로 접근하거나할 수 있도록 하는, 접근성의 이점을 가짐<aside>주된 내용과 분리될 수 있지만 관련있는 내용.인쇄본에서는

생활코딩 html 수업의 부록 강의 중 나타난 모르는 태그!html문법으로 자바스크립트 시작한다~ 라는 뜻자세한 속성 및 기타는 자바스크립트 배울 때 알아보도록 하자.비슷하게 생긴 이 코드는 뭘까<script> 사용 불가시, 안내문이나 별도의 콘텐츠 링크 등을 적

스크린 리더 사용자들에게 알려줘야할 정보들을 아래와 같이 적는다.

WAI-ARIA(Web Accessibility Initiative – Accessible Rich Internet Applications)설정들을 HTML native 요소만으로는 처리하기 어렵기 때문에 W3C 는 WAI-ARIA 라는 걸 정의HTML 요소에 따라 스

WAI-ARIA(Web Accessibility Initiative – Accessible Rich Internet Applications)장애가 있는 사람들이 웹 콘텐츠와 웹 응용 프로그램에 더 쉽게 액세스할 수 있도록 하는 방법을 정의사용자가 Tab을 여러 번 누르

<title> 근처에 <link>태그로 적어줌파비콘이란?

설정(ctrl+,)'prettier width' 검색값 변경

영화 검색 사이트를 만드는 중, 포스터가 없는 경우엔 회색 바탕에 회색 로고 아이콘으로 대체해주도록 처리하였다. 검색해보니 alt 속성 대신에 onerror 속성을 사용하면 된다고 하였는데, 잘 되지 않았다.