본문 바로가기

IT공부/HTML & CSS

36. 웹 표준 사이트 만들기(2019) - 마무리

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>