HTML3 [HTML] 구글 웹폰트 적용하기 - preconnect, preload 속성 ✨구글 웹폰트 적용하기 일반적으로 웹 폰트를 적용할 때에는 index.html 페이지에서 태그를 이용하여 연결하는 방법을 사용한다.(또는 스타일 시트에서 @import) 구글 웹 폰트에서 친절하게 사용방법을 알려준다. 1. 속성 태그의 rel 속성은 현재 문서와 외부 리소스 사이의 연관 관계를 명시한다. rel은 link태그의 필수 속성이므로 반드시 명시하여야 한다. 자세한 속성 값들은 여기에서 자세히 확인 할 수 있다. 2. preconnect, preloasd 평소 개인적으로 프로젝트를 진행할 때는 이 부분만 연결하여 사용하기도 했었는데, 문득 다음과 같은 "preconnect" 속성 값들이 사용되는 이유에 대해 궁금해졌다. preconnect : 브라우저가 대상 리소스의 원본에 미리 연결하도록 명시.. 2023. 1. 5. [HTML5] Input pattern으로 유효성 검사하기 HTML5 태그 pattern 정규 표현식 모음 1. 숫자만(공백x) 2. 대소문자 3. 소문자 4. 대소문자 or 숫자 5. 소문자 or 숫자 6. 소문자 && 숫자 && 8~16자리 숫자 (아이디 유효성검사) 7. 소문자 && 숫자 && 특수문자 && 8~16자리 숫자 (패스워드 유효성검사) 8. 대소문자 && 숫자 && 특수문자 && 8~16자리 숫자 (패스워드 유효성검사) 2022. 11. 2. HTML : 폼(Form)에 대한 이해 [ 폼 태그 동작방법 ] 1. 폼 안의 데이터를 웹 서버로 전송 2. 웹 서버는 받은 폼 데이터를 웹 프로그램에 전송 3. 웹 프로그램에서 폼 데이터 처리 후 새로운 html페이지를 웹 서버에 보냄 4. 브라우저는 새 html페이지를 보여줌 [ 폼 태그 속성 ] name, method, action, target 등이 있다. name : 폼을 식별하기 위한 이름 지정 method : 폼을 서버에 전송할 http메소드를 정함(get, post) action : 폼을 전송할 서버 쪽 스크립트 파일을 지정 target : action에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에 열도록 지정 accept-charset : 폼 전송에 사용할 문자 인코딩 지정 [ GET과 POST ] 폼을 서버에 전송할.. 2022. 10. 27. 이전 1 다음