36. 웹 표준 사이트 만들기(2019) - 마무리
소스를 정리한다.
HTML, CSS 소스검사를 한다.
웹 표준에서 문법 검사를 한다.
slick.css 38라인 지우기
-> cursor: hand;
->.slick-slide.dragging img
->{
-> pointer-events: none;
->}
lightgallery.css 주석 표시
-> pointer-events: none; 3개지우기
브라우저 간 호환성검사를 한다.
JS파일을 정리한다.
js파일에 custom.js 파일을 만든다.
index.html에 아래와 같이 추가한다.
<script src="js/custom.js"></script>
custom.js파일 안에는 기존에 작성한 제이쿼리 스크립트를 복사하여 붙여넣는다. <script>태그는 없어도 된다.
로그인 시 아이디, 비밀번호 태그에 placeholder 속성을 추가한다.
<div class="login_content">
<h5 class="ir_su">로그인 영역</h5>
<div class="lc_text">
<label for="uid" class="ir_su">아이디</label>
<input type="text" id="uid" name="uid" class="input_text" maxlength="20" placeholder="아이디">
<label for="upw" class="ir_su">비밀번호</label>
<input type="password" id="upw" name="upw" class="input_text" maxlength="20" placeholder="비밀번호">
</div>
<button class="lc_btn" type="submit">로그인</button>
</div>
'IT공부 > HTML & CSS' 카테고리의 다른 글
35. 웹 표준 사이트 만들기(2019) - 라이트 박스 (0) | 2020.06.22 |
---|---|
34. 웹 표준 사이트 만들기(2019) - 윈도우 팝업 (0) | 2020.06.22 |
33. 웹 표준 사이트 만들기(2019) - 레이어 팝업 (0) | 2020.06.22 |
32. 웹 표준 사이트 만들기(2019) - 갤러리 스크립트 (0) | 2020.06.22 |
31. 웹 표준 사이트 만들기(2019) - 탭메뉴 스크립트 (1) | 2020.06.22 |