728x90 반응형 웹UI46 HTML) 시멘틱 웹, 시멘틱 마크업 시멘틱 의미론적인 컴퓨터(브라우저)가 잘 이해할 수 있는 코드 -> 의미에 맞는 요소를 사용 -> 문서의 구조화 -> 인간과 기계 모두 잘 이해할 수 있는 코드 외부에서 보여지는 효과는 같을 수 있지만 각 태그가 갖는 의미는 다르다 그렇기 때문에 용도에 맞게 사용해주는 것이 시멘틱한 코드를 작성했다고 할 수 있다 s와 u로 원가와 할인가를 작성하게 되면 컴퓨터는 2개의 가격이 있는 것으로 인식하지만 del과 ins로 작성하였을 경우 할인가만 가격으로 인식하게된다 -> strong, em, del, ins 등의 태그가 시멘틱 태그 html5에서 추가된 semantic 요소들 2021. 1. 10. HTML 폼(form) 요소 form요소 -> 폼 데이터를 그룹화하여 서버에 전송한다 action -> 폼 데이터를 처리하기위한 서버의 주소 method -> 데이터를 전송하는 방식을 지정 -> get 속성:값이 url에 전송 -> poast속성: 값이 url에 없음 2021. 1. 9. HTML 레이블(label)요소 label -> form 요소와 연결시켜주기 위함 -> 웹 접근성 향상에 도움이 된다 (필수적) 연결하고자 하는 form속성의 id의 값과 label의 for속성의 값이 일치해야함 label로 연결된 form속성은 label의 글씨 영역을 클릭해도 연결된 form 속성이 작동한다 -> input 타입 하나당 label 하나씩 연결해야함 2021. 1. 8. HTML 폼(form) 요소 -> text, password , radio, checkbox, file, image, submit, reset, botton 등 text -> 글씨 입력 textarea -> 여러 줄의 글씨를 입력 (닫힘 태그 있음) password -> 비밀번호 입력 (외부는 **로 바뀜) radio -> 1가지만 선택할 수 있는 버튼 (name 속성으로 그룹핑) check box -> 중복 선택 가능한 버튼 (name 속성으로 그룹핑 file -> 파일을 서버로 전송하는? 사진 업로드 등 submit -> 값을 서버로 전송 image -> submit과 같은 동작을 하지만 src속성으로 이미지 모양으로 생성 가능 reset -> 작성된 내용 초기화 botton -> 기본 값이 없는 버튼 내용1 내용2 내용3 ->.. 2021. 1. 7. 이전 1 ··· 7 8 9 10 11 12 다음 728x90 반응형
