728x90 300x250 SMALL Front-end/HTML78 section article 차이 section태그와 article 태그의 차이를 알아보기 위해서 먼저 두 개가 어떤 역할을 하는지 살펴보면 section section 태그는 섹션(부분, 구역, 영역) 들을 그룹화 해서 분리하는 역할을 한다. article article 태그는 문서내에서 그룹화해서 분리하는 역할을 한다. 언뜻 설명을 보면 비슷해 보인다. article과 section 이 두 시맨틱 태그는 div와 같은 블록 속성을 가지고 있기 때문에 div로 대치해도 기능상으로 문제가 없고 두 요소 다 콘텐츠를 구분하는 데 사용되며 서로 바꿔서 사용 가능하다. 그럼 이 유사한 기능 같아 보이는 article과 section을 어떤 상황에 따라서 사용해야 할까? section article 차이 ▷ article은 내용이 독립적이다. .. 2021. 12. 1. input 클릭시 테두리 색상변경 input 클릭시 아래와 같이 테두리 색상변경하는 방법입니다. html 이름 input을 클릭했을때 효과를 주기 위해서는 포커스를 받은 요소를 표현하는 :focus 의사클래스를 사용해서 표현할 수 있습니다. .form-item input:focus{ border-color:#0982f0; outline: none; } :fuocus는 포커스를 받은 요소 자체에만 해당하기 때문에 자식 영역이 포커스를 받은 경우에는 :focus-within을 사용합니다. See the Pen Untitled by kim oya (@ttuttu) on CodePen. :fuocus 브라우저 호환성 2021. 11. 27. form, select, input 태그 속성 form 태그 속성 action : 프로그램 처리가 필요한 화면 넘김 autocomplete : 자동완성기능 끄기 input 속성 autofocus : 페이지 불러 오자마자 커서 표시 readonly : 읽기만 가능 required : 필수로 해야 할 경우 select 속성 size="5" 한번에 5개까지 보여준다는 뜻 multiple 여러개 선택이 가능 2021. 11. 26. optgroup 태그 select option 그룹 optgroup 태그 select 내에 있는 option 태그들을 그룹화 하는 태그 입니다. 이 optgroup태그를 이해하기 위해서 먼저 기본 select 태그 예제를 만들어 보겠습니다. 제목1 제목2 제목3 이런식으로 select태그는 늘어진 콤보박스 형태를 만드는 틀이고 그안에 항목들은 option태그를 이용해서 하나씩 나열할 수있습니다. 이 때 이 항목들을 그룹별로 대제목으로 묶어서 보여주고 싶을 경우에 사용하는것이 optgroup태그 입니다. 소제목1 소제목2 소제목3 소제목4 이런식으로 optgroup태그를 이용하면 간단하게 항목들을 그룹화 해서 나타낼 수 있습니다. 2021. 11. 25. 이전 1 ··· 3 4 5 6 7 8 9 ··· 20 다음 728x90 반응형 LIST