반응형 IT/HTML|Script|PHP26 캐노니컬 태그 (Canonical tag)란? 캐노니컬 태그 (Canonical tag)란?사이트 내에 URL 주소는 다르지만 동일한 내용의 중복된 페이지가 있을때, 페이지내에 코드를 삽입하여 검색엔진의 대표가 되는 URL 주소를 알려주는 역할을 합니다.// 한 사이트의 여러 URL 예시https://www.test.comhttps://www.test.com?act=1https://www.test.com?event=fst 필요성도메인 정규화를 할 수 없는 경우 (서버의 이유로 301 리다이렉트를 사용할 수 없음)"www"나 "/index.html"등의 유무를 통일하기 위해PC와 모바일 페이지를 다른 URL로 관리하고 있는 경우파라미터 유무에 따라 액세스 할 수 있는 URL을 정규화하기 위해한개의 콘텐츠 페이지에 여러 URL에서 액세스 할 수 있는 경.. 2024. 6. 28. html에서 한글이 깨져서 나올 때 하는 방법 html을 가지고 사이트를 만들다 보면, 한글이 깨져서 나오는 현상이 나오는 경우가 있다. 이렇게 한글이 깨지는 이유는 인코딩 때문인데, 이를 해결해 주면 간단하게 해결이 된다. 이라는 구문을 head사이에 꽂아주면 간단하게 해결이 된다. 2024. 6. 27. <meta> Open Graph(오픈그래프) 태그 Open Graph?인터넷 프로토콜의 한 종류로 2010년에 페이스북에서 발표를 했습니다.SNS에서 특정 웹 페이지를 공유하면 짤막한 미리 보기 화면이 나타나면서 마치 그 SNS의 게시물인 것처럼 자연스럽게 삽입이 됩니다. 요소일반적인 미리 보기 설정 : 블로그나 카카오톡, 페이스북 등 일반적인 SNS로 공유를 하려고 할 때, 설정할 정보 트위터 미리보기 설정 위처럼 웹 페이지의 정보를 위의 양식에 맞춰서 작성을 하고, 작성한 정보를 태그 안에 넣어주면 됩니다. 위의 방법을 가지고도 제대로 만들지 못하겠을 때에는 좀 더 간편하게 만들어 주는 사이트를 알려드립니다. Meta Taghttps://metatags.io/ 1. 해당 사이트에서 만들고자 하는 사이트의 URL를 넣고, "PARSE ME.. 2024. 6. 26. html에서 엑셀파일 날짜 변환 html에서 엑셀파일을 호출해서 화면에 노출을 하였다. > https://hayo-today.tistory.com/57 html에서 엑셀파일 읽는 방법엑셀 파일을 웹 화면에 불러와서 내용을 정리하고 싶을 때가 있다.이때, 파일을 불러와서 간단하게 화면에 노출을 하고 정리를 하는 방법이 있다. 1. cdn 파일 호출하기파일을 저장한 다음 파일hayo-today.tistory.com 그런데 이때 엑셀에서의 날짜형식으로 지정이 되어있는 경우44928과 같은 단순 숫자만이 표기가 되어있었다. 이 형식을 'yyyymmdd'처럼 날짜로 돌리기 위해서는 아래와 같이 코드를 짜주면 된다.function excelSerialDateToJSDate (excelSerialDate) { const daysBeforeUn.. 2024. 5. 27. html에서 엑셀파일 읽는 방법 엑셀 파일을 웹 화면에 불러와서 내용을 정리하고 싶을 때가 있다.이때, 파일을 불러와서 간단하게 화면에 노출을 하고 정리를 하는 방법이 있다. 1. cdn 파일 호출하기파일을 저장한 다음 파일을 호출하여도 문제는 없겠으나,그것 보다는 간단하게 cdn을 상단에 정의하여 호출하는 부분이 사이트가 가벼워지는데도 도움이 된다. 2. html 작성하기 html에서 파일을 가져올 input을 하나 선언합니다.그리고 파일이 변경이 될 때마다 수정이 될 수 있도록 onchange에다가 함수를 호출합니다. 3. script 작성하기콘솔에다 선택한 엑셀 값이 노출이 됩니다. 예시순번이름나이1홍길동182김철수16위의 내용을 가진 sheet의 콘솔로 찍는다고 할 때,[{"순번":"1',"이름":"홍길동","나이".. 2024. 5. 26. 요소 노출 여부 판단하기 화면에서 요소의 노출 여부를 판단하는 방법.is(':visible');위와 같이 사용하면 되며, 아래를 참고하면 된다.if($("#div").is(':visible')){ // 노출시 경우 true}else{ // 비노출(display:none)은 false} 2024. 5. 5. 이전 1 2 3 4 5 다음 반응형
