부트캠프교육중/웹16 자주 틀리는 마크업 1. 인라인 요소 안에 블록 요소 넣기 => 블록요소안에 인라인요소가 들어가라 -HTML 요소는 표시 방법에 따라 인라인 요소, 블록 요소로 나뉜다. -인라인요소는 콘텐츠가 차지하는 만큼만, 블록요소는 가로로 넓게 화면 영역을 차지. -대표적인 인라인 요소로는 , , 블록요소로는 , -인라인 요소는 항상 블록 요소안에 들어가야 한다. 반대의경우는 절대 안돼!!!! 2. , 요소 사용하기 => 요소와 요소를 사용해라 -는 글씨를 굵게 만들때, 는 글씨를 기울일때 -하지만 웹표준을 준수하기위해서는 이요소들을 사용하지 않는 것이 좋다. (시맨틱하지 않은 표현을 기준으로 이름이 지어진 요소이므로) -대신 요소와 요소를 사용해라(똑같은 스타일을 부여하면서 콘텐츠에 의미를 부여하므로) 글씨에 효과를 줌과 동시에 각.. 2023. 3. 3. 시맨틱 HTML 시맨틱 HTML #웹표준에서는 HTML을 시맨틱학 작성하는 것의 중요성을 강조한다. #시멘틱 HTML = semantic + HTML semantic: 의미의, 의미가 있는 이라는 뜻의 영단어 HTML: 화면의 구조를 만드는 마크업 언어 #HTML이 의미를 갖는다?!?!?!?이게 무슨말인감!?!?!?!! 1.div와 span으로 화면 구성하기 -div와 span 두가지 요소만 알면 충분히 화면의 구조를 만들수있다. 어떤 역할을 하는지도 알아낼수있다. 하지만 확신할수는 없다. 화면이 어떤 구조로 나누어져있는지 까지만 알수있고, 어떤 내용이 들어갈지는 명시되어 있지 않기 때문이다. 2. 시맨틱 요소로 화면 구성하기 -div와 span 요소로만 화면을 구성했을때와 비교하면, 각.. 2023. 3. 2. 웹 콘텐츠 접근성 지침 웹 콘텐츠 접근성 지침(웹 접근성을 잘 확보했는지 판단할 기준이 될수있는) 한국형 웹 콘텐츠 접근성 지침 2.1 -W3C이 웹 접근성 권고안인 ‘WCAG(Web Content Accessibility Guidelines) 2.0’을 기반으로 한국 실정에 맞게 조금 수정한거다. 인식의 용이성(Perceivable): 모든 콘텐츠는 사용자가 인식할수 있어야한다. 1. 적절한 대체 텍스트: 텍스트가 아닌 콘텐츠는 그 의미나 용도를 이해할수 있도록 대체 텍스트를 제공해야한다. 시각적으로 화면을 인식할수없는 사용자 혹은 상황을 대비해서 대체 텍스트를 제공할 필요가 있다. -alt 속성 사용하기 배경 이미지와 같이 정보를 인식할 필요가 없는 경우에는 alt 값으로 빈 문자열을 주어 스크린 리더가 인식하지 않게 합니.. 2023. 3. 1. 웹 표준 인터넷은 웹기반으로 작동한다 . => X 인터넷이 웹보다 더 포괄적인 개념이다. #인터넷 -전세계적으로 연결되어있는 컴퓨터 네트워크 통신망을 의미 -웹뿐만 아니라 온라인게임, 모바일 앱, 이메일 등 네트워크를 사용하는 다양한 서비스들을 모두 포함한다. #웹 -공간을 정의 -문서, 이미지, 영상 등 다양한 정보를 여러 사람들과 공유할수있는 공간이 웹이다. #웹표준 -각 브라우저마다 개발하는 등의 수고를 없애고 웹개발의 형식을 통일시킨것 -W3C(world wide web consortium)에서 권고하는 웹에서 표준적으로 사용되는 기술이나 규칙 -사용자가 어떠한 운영체제나 브라우저를 사용하더라도 웹페이지가 동일하게 보이고 정상적으로 작동할수있도록 하는 웹페이지 제작 기법을 담고있다. -웹 개발에 사용되는 .. 2023. 2. 28. 이전 1 2 3 4 다음
