본문 바로가기

webdesign/HTML

Firefox Console, 퍼블리싱 체크 퍼블리싱 후 Console 창 확인할 것, 레이아웃이나 자바스크립트 동작 등의 가시적 에러가 없어도 콘솔 상의 메시지를 통해 코딩상의 모순을 바로잡을 수 있음 1. css 맵 파일이 서버에 없을때 보이는 메시지: Source map error: Error: request failed with status 404 Resource URL: https://----/res/css/style------.css Source Map URL: style-----.css.map scss 컴파일 후 css파일을 올릴때 맵파일 함께 올려주기. scss 원본은 상관 없음 2. 애드 블락 설치하고 비지터 카운팅 소스 입혔을때 메시지: https://developer.mozilla.org/en-US/docs/Web/Privacy.. 2023. 8. 17. 17:48 더보기
SVG external spritemap instances not viewable in local environment 에버노트 : - SVG 사용/스프라이트 로컬에서 안 보이는 문제 안정성문제 / 에버노트 1. HTTP SERVER : html서버 돌려서 해결 : npm install http-server -g - 글로벌에 이미 설치됨 작업 폴더 > html (index.html페이지 존재하는 폴더)로 이동 : 터미널 두 개 열어서 한번에 돌리기 터미널 http-server 1-1. by using Live Server in VS Code 2. LOCAL FILE ACCESS : 브라우저 로컬 파일 액세스 설정 바꿔서 해결 : Chrome : in the command linestackoverflow / link open /Applications/Google\ Chrome.app --args --allow-file-ac.. 2022. 7. 8. 00:06 더보기
copy link to highlight : link directly to specific locations within a page https://stackoverflow.com/questions/17050563/how-to-link-to-specific-line-of-text-in-page-using-only-url There is an experimental feature in Chrome 74called Scroll To Text Fragment which allows you to specify phrases to be highlighted in a URL. We may have to wait a while before this becomes finalised and supported in browsers by default. Meanwhile, if the article to which you want to link also .. 2022. 7. 7. 22:12 더보기
html5 마크업 xhtml 홀태그 닫기 - xhtml 형식 html5 에서는 둘 다 상관없음 http://blog.naver.com/ksh81850/220266679560http://lunikism.com/853 svg 예시 https://www.w3schools.com/html/tryit.asp?filename=tryhtml_svg_logo 2017. 8. 1. 17:24 더보기
폼태그 목록열기 02 JavaScript (25) form 태그 속성 02 JavaScript 2009/08/31 11:46 http://blog.naver.com/kyumi0705/20087803827 ◎ 폼 태그 : 사용자로 하여금 어떤 입력을 하도록 하는 폼. 1. 폼 태그 ... 속성 값 설명 name 문자열 폼의 이름 action url 폼 양식 태그의 값들이 전송될 url 저장 method post 폼의 전송 방식 - 사용자 아이디 값들이 눈에 보이지 않게 전송 get 폼의 전송 방식 - 노출이 될 수도 있음. action 특성에 지정된 url에 포함되어 전송. enctype MIMETYPE : 을 썼을 때는 "multipart/form-data"를 써야한다.(?) 2. 폼 양식 태그 1) 한 줄 입.. 2010. 2. 21. 22:56 더보기
비표준 document.all ->getElementById 내가 가지고 있는 스크립트의 삑사리, 대부분이 이 문제인 듯. document.all이 비표준 코드인 것은 알고 있었지만 실제로 고쳐서 써 본 적은 없는 것 같다. 제대로 알고, 고쳐쓸 수 있도록 해보자. ---------------------------------------------------------------------------------- document.all 을 안쓰는 것 많으로도 표준을 따르는 웹 페이지 디자인에 매우 큰 걸음을 내 딛는 것입니다. 단지 저 document.all 때문에 다른 안되는 홈페이지가 부지기수 입니다. 요즘에는 FireFox가 어쩔수 없이 지원해서 되긴합니다만, 그렇다고 그게 좋다는 것을 의미하지는 않습니다. FireFox 1.0 은 document.all 을 .. 2008. 11. 6. 15:14 더보기
이미지 롤오버 아웃 onMouseOver="document.getElementById('m01').src='../images/top/m01_on.gif';" 이미지 롤오버 onMouseOver="document.getElementById('m01').src='../images/top/m01_on.gif';" onMouseOut="document.getElementById('m01').src='../images/top/m01.gif';" 2008. 4. 18. 15:42 더보기
onclick="document.getElementById( ' id name ').style.display=' block'; onclick="document.getElementById( ' id name ').style.display=' block'; onclick="document.getElementById( ' id name ').style.display=' none; 2008. 3. 5. 00:30 더보기