봉보로봉봉

모든 html에서 사용할 수 있는 전역속성이며, 해당 요소가 아직, 또는 더 이상 관련이 없음을 나타내는 불리언 특성이다. 브라우저는 hidden 속성을 설정한 요소를 렌더링하지 않는다. 임의의 요소에 hidden을 추가하면, 그 요소는 시각적 방식 외에도 스크린 리더 등 다른 모든 표시 방식에서 숨겨진다. 숨겨진 요소의 자손 요소는 여전히 활성 상태이므로, 요소를 실행할 수 있고 양식 요소도 제출할 수 있다. 그러나 스크립트와 요소는 다른 맥락에서 숨겨진 요소를 참조할 수 있다. 예를 들어, hidden 특성을 적용한 구획으로 링크하는 href 특성은 유효하지 않다. 콘텐츠가 사용할 수 없거나 더는 관련이 없으면 연결할 이유도 없기 때문이다. input checkbox에 hidden속성을 주고 labe..

관련 HTML Tag 속성 method 양식을 제출 할 때 사용할 http 메소드. 사용자가 입력한 내용들을 서버 쪽 프로그램으로 어떻게 넘겨줄지 지정한다. 속성 값 get : 양식 데이터를 action URL과 ? 구분자 뒤에 이어 붙여서 전송한다. 주소 표시줄에 사용자가 입력한 내용이 그대로 드러난다. 256-4,096byte의 데이터만 넘길 수 있다. post : 양식 데이터를 요청 본문으로 전송한다. 대부분 이 방식을 사용한다. 사용자의 입력을 표준 입력으로 넘겨주기 때문에 입력 내용의 길이에 제한을 받지 않고 사용자가 입력한 내용이 드러나지 않는다. dialog : 양식이 안에 위치한 경우, 제출과 함께 대화 상자를 닫는다. name 폼의 이름을 지정한다. 한 문서 안에 여러 개의 태그가 있을 ..

mark태그로 묶은 부분의 배경이 노랑으로 표시된다. 현재 맥락에 관련이 깊은 텍스트를 하이라이트한 부분을 나타낸다. 형광펜을 사용해 중요 내용에 강조 표시를 하는 것이라고 생각하면 된다. 를 표시만을 위해서 사용하지 말 것! 는 연관성을 가진 부분을, 은 중요도를 가진 부분을 나타낼 때 사용한다. Today is Monday 동아시아 글자(예:일본어의 후리가나)에 주석 표시를 할때 사용한다. ruby태그 안에 rt태그를 사용해 주석 표시를 한다. rt태그는 ruby annotation(루비 주석)의 발음이나 설명을 정의한다. rp태그는 ruby태그를 지원하지 않는 경우 보여줄 괄호를 제공할 때 사용한다. (html5에서 추가 됨) 요소를 감싸는 여는 괄호와 닫는 괄호를 각각 나타내야한다. 松本行弘(まつ..

보호되어 있는 글입니다.

많은 개발자가 웹 사이트를 개발할 때 특정 레이아웃을 선호하자, HTML5에서 해당 레이아웃을 아예 태그로 만들어 각 요소의 쓰임을 명확하게 구분하였다. > 이를 시맨틱 태그(Semantic tag)라고 한다. Semantic = 의미론적 시맨틱 태그 = 의미를 가지는 태그 나눠진 구획의 기능을 태그 이름만 보고도 이해할 수 있다. 시맨틱 태그를 사용해야하는 이유 1. SEO Search Engine Optimization 2. 접근성 스크린 리더를 이용하거나 키보드만을 이용해 접근하는 경우에 문제없이 동작하도록 해야함 3. 유지보수 한눈에 구조를 알아보기 쉬워야 유지보수에 좋음 웹 페이지 혹은 의 소개나 제목을 담기 위해 사용하는 요소 와 혼동하지 않도록 유의 내비게이션 역할을 수행하는 요소 페이지 이..

navbar를 만들 때 왜 대체 다들 를 사용하는지 너무 궁금해서 찾아보니까 왜 글을 맞춤법대로 쓰나요 같은 맥락의 의문이었다! 의미 요소가 아닌 div 요소나 span 요소 등은 해당 요소가 무슨 목적으로 사용되었는지 코드를 살펴봐야 알 수 있다. 하지만 의미 요소인 table 요소는 코드를 보지 않아도 해당 요소가 표를 만드는 데 사용되었다는 것을 이름만 살펴봐도 바로 알 수 있다. 이와 같이 ul 과 li 를 쓰게 되면 의미적으로 이것은 목록이라는 것을 사용자에게 알려주게 된다. >그래서 메뉴 navbar를 만들 때 li태그를 사용한다. HTML을 작성할 때는 표현하려는 내용이 무엇을 의미하는지에 따라 태그를 적절히 사용해 코드만 보고도 구조를 파악하기 쉽게 코드를 짜야한다! 시맨틱 태그를 쓰는 이..