developer_note

모바일 퍼블리싱할 때 아이폰에서 전화번호 패턴의 숫자가 입력될 경우 전화 걸기로 자동 링크가 됩니다. 이를 문제는 태그 사이에 메타태그를 추가하는 것으로 막을 수 있습니다. 아래와 같이 메타 태그를 추가합니다.

robots 메타 태그란? 스파이더 또는 크롤러에게 크롤링하거나 색인을 생성할지 여부를 알려주는 태그입니다. follow : 페이지가 크롤링됩니다. nofollow : 페이지가 크롤링되지 않음을 의미합니다. index : 귀하의 페이지가 검색 결과에 표시됩니다. noindex : 귀하의 페이지가 검색 결과에 표시되지 않음을 의미합니다. 웹 크롤러에게 모든 페이지가 인덱싱 되고 크롤링되도록 알려줍니다. 웹 크롤러에 모든 페이지가 크롤링되고 인덱싱 됨을 알리는 데 사용합니다. 크롤러에게 데이터베이스의 페이지를 인덱싱하지 않고 팔로우하도록 지시하는 데 사용됩니다. 웹 크롤러 페이지에 크롤링하지 말고 색인을 생성하도록 지시합니다. 웹 크롤러에게 색인을 생성하거나 크롤링하지 않도록 지시합니다.

PDF는 웹 애플리케이션에서 아카이브를 만드는 데 가장 많이 활용됩니다. PDF 레코드는 문서의 정보 팩을 다운로드하는 간단하고 사용하기 쉬운 접근 방식을 제공합니다. 웹사이트 페이지 콘텐츠를 다운로드하기 전에 내용을 HTML에서 PDF로 변경해야 합니다. HTMl에서 PDF로의 변경은 PHP 라이브러리를 활용하여 효과적으로 수행할 수 있습니다. Dompdf는 HTML 콘텐츠에서 PDF를 만드는데 도움이 되는 PHP 라이브러리입니다. Dompdf를 사용하여 PHP에서 HTML을 PDF로 변경하는 것은 어려운 일입니다. 응용 프로그램이 CodeIgniter와 함께 작동하는 경우 Dompdf를 사용하여 PDF를 생성하기 위해 PDF 라이브러리를 만들어야 합니다. HTML을 PDF로 변경하고 CodeIgnit..

a태그의 이벤트를 제거하는 방법은 2가지 있습니다. 방법 1 href 속성 값에 javascript:void(0) 값을 넣어줍니다. 클릭해도 반응 없음 방법 2 click 이벤트 안에 e.preventDefault(); 를 넣어줍니다. google.com 위 코드를 입력하면 google.com으로 이동하지 않습니다.

생활코딩이라는 사이트에서 한 번씩 강의도 듣곤 하는데 도서관에서 우연히 발견했을 때는 어떤 책인지 신경 쓰여서 빌리게 되었습니다. 모르는 내용보다는 아는 내용이 많은 기초적인 부분을 설명해주는 책인데 인터넷이란 무엇인가 왜 코딩이 해야 하는가 하는 개론적이 부분이 특히 마음에 들었습니다. 그리고 코딩을 해야 하는 예시도 너무 좋았습니다. 1억 개의 코드를 1초에 하나씩 수정하는데 115일이나 걸리다니 생각조차 해본 적 없는데 이런 예시가 확확 마음에 와닿았던 거 같습니다. 혹시 다른 사람에게 프로그래밍을 알려주게 된다면 egoing 같은 강사가 되고 싶다고 생각했습니다. Github : https://github.com/jun0925/opentutorials-html-css-js GitHub - jun0..

사용자가 입력한 html은 언제든지 XSS(Cross Site Scripting) 공격의 가능성이 있다. 이러한 공격에 대비하기 위해 html을 치환한다. 위 코드를 escape.php 파일에 저장하고 브라우저에서 결과를 확인한다. localhost/escape.php로 접근하면 alert창이 실행되고, 소스보기를 보면 아래와 같이 표시된다. htmlspecialchars 함수는 html에서 XSS 공격을 방어하기 위해 문자열에서 특정한 특수 문자를 HTML 엔티티로 변환한다. XSS 공격은 Cross Site Scripting의 약자로 태그 등을 입력해서 서버의 보안 취약점을 노리는 공격이다. 인코딩한 결과를 반대로 바꾸려면 디코딩 함수인 h..

HTML 속성 모든 HTML 요소는 속성 을 가질 수 있습니다. 속성 은 요소에 대한 추가 정보 를 제공 합니다. 속성은 항상 시작 태그에 지정됩니다 . 속성은 일반적으로 name = "value" 와 같은 이름 / 값 쌍으로 제공됩니다. href 속성 태그는 하이퍼 링크를 정의합니다. href속성은 링크로 이동 페이지의 URL을 지정합니다. 1 daum cs src 속성 태그는 HTML 페이지에 포함 된 이미지에 사용됩니다. src는 경로를 표시하는 속성 지정 1 cs src 속성에 URL을 지정하는 방법에는 두 가지가 있습니다 . 1. 절대 URL- 다른 웹 사이트에서 호스팅되는 외부 이미지에 대한 링크입니다. 참고 : 외부 이미지는 저작권이있을 수 있습니다. 사용 허가를받지 못하면 저작권법에 위배 ..

HTML 요소는 시작 태그, 일부 콘텐츠 및 종료 태그로 정의됩니다. HTML 요소 는 시작 태그에서 끝 태그까지의 모든 것입니다. 여기에 콘텐츠 입력 제목 단락 일부 HTML 요소에는 콘텐츠가 없습니다 (예 : 요소). 이러한 요소를 빈 요소라고합니다. 빈 요소에는 종료 태그가 없습니다! ex ) 문단제목 위 요소를 분해하면 시작태그 → 종료태그 → 속성명 → class 속성값 → "title" 내용 → 문단제목 중첩 된 HTML 요소 HTML 요소는 중첩 될 수 있습니다 (즉, 요소에 다른 요소가 포함될 수 있음). 모든 HTML 문서는 중첩 된 HTML 요소로 구성됩니다. 다음 예는 다섯개의 HTML 요소를 (포함 ,,, 과 ) 1 2 3 4 5 6 7 8 9 10 11 타이틀 제목태그 단락태그 c..

HTML 기본 구조 1 2 3 4 5 6 7 8 9 10 11 타이틀 제목태그 단락태그 cs 선언이 문서는 HTML5 문서임을 정의 요소는 HTML 페이지의 루트 요소입니다 요소는 HTML 페이지에 대한 메타 정보를 포함 요소는 (브라우저의 제목 표시 줄이나 페이지의 탭에 표시되는) HTML 페이지의 제목을 지정합니다 요소는 문서의 본문을 정의하고, 등 호, 단락, 이미지, 하이퍼 링크, 테이블,리스트, 모든 가시적 인 컨텐츠에 대한 컨테이너이고 요소는 큰 제목을 정의 요소는 문단을 정의

HTML이란 HyperText Markup Language의 약자입니다. 웹 페이지는 HTML 문서라고도 불리며, HTML 태그들로 구성됩니다. 각각의 HTML 태그는 웹 페이지의 디자인이나 기능을 결정하는데 사용됩니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 Document HTML 공부 프로그래밍 공부 H 태그 단락 태그 Colored by Color Scripter cs 출력화면 HTML 태그(tag) HTML 태그는 태그 이름을 꺾쇠()로 감싸서 표현합니다. 태그는 시작태그와 종료태그 2가지가 존재합니다. // 시작 태그 // 종료 태그 하지만 예외로 시작태그만 있고 종료가 없는 태그도 존재합니다. HTML 작성 HTML 문서작성은 간단하게는 윈도우의 메모장으로 가능합니다..