HTML3 html 시멘틱(semantic) 태그란? 시멘틱(semantic)의 뜻은 “의미론적인, 의미의” 입니다. html5에 도입된 시멘틱 태그는 개발자와 브라우져에게 의미있는 태그를 제공하게 됩니다. html4에서 자주 사용되는 태그는 non-semantic 태그 라고 합니다. html5에서 사용되는 , 등은 semantic 태그 입니다. 태그 만으로는 이 태그 안에 들어간 내용의 의미를 알 수 없음 그러나 ,등의 태그는 대략 태그 내용의 의미를 유추가능 시멘틱태그를 사용하는 이유 - SEO(검색엔진)이 html파일을 분석할 때 시멘틱태그를 통해 정확하게 컨텐츠 식별이 가능해 진다. - 웹 접근성을 강화시켜 장애를 가진 사람도 웹사이트를 쉽게 이용 가능 html4 에서는 header 나 footer를 표현하기 위해 태그를 사용하여 자유롭게 class.. 2022. 1. 28. html 테이블(table)태그와 리스트(list)태그를 알아보자 html의 기본태그 중 하나인 테이블(table)태그를 알아봅니다. table태그는 표를 그리는 태그입니다. 간단합니다. 먼저 용어를 살펴보자면 아래와 같은 내용입니다. 이 중에서 가장 중요한 것은 태그입니다. 왜냐하면 tr은 행(table row)을 나태내며 이해하는 기준이 되기 때문입니다. 뭐든지 줄(라인)이 기준이죠? 거기서 출발하시면 됩니다. 샘플을 보시겠습니다. First name Last name Score Jill Smith 50 Eve Jackson 94 John Doe 80 (결과) 여기서 우리는 테이블에 대한 스타일(style)을 사용할 때 직접 테이블에 속성을 이용하지 말것을 html5 표준은 이야기합니다. html5 에서는 태그의 align, bgcolor, border, cellp.. 2022. 1. 28. input 입력 태그를 readonly 로 막는 경우 html 중에 input tag 많이들 사용하시죠? 코딩할 때 사용되는 input 타입에서 입력항목을 막아야 하는 요건(개발요구사항)도 발생합니다. 그러므로 개발자도 input 조작은 할 수 있어야 겠죠? 우선 화면 내용을 보자면 (보통 input 입력 테스트 화면) (input 항목 중 첫번째 username을 readonly하는 경우) 경우에 따라 2가지 경우로 나누어 사용하면 되겠네요 2021. 12. 3. 이전 1 다음
