코딩하다 현타올 때

질문 : Sublime Text 2를 사용하여 HTML 코드를 어떻게 다시 포맷합니까? 형식을 다시 지정하고 싶은 형식이 잘못된 HTML 코드가 있습니다. Sublime Text 2에서 HTML 코드를 자동으로 다시 포맷하여 더보기 좋고 읽기 쉽게하는 명령이 있습니까? 답변 이를 위해 플러그인이 필요하지 않습니다. 모든 줄을 선택한 다음 (CtrlA ) 메뉴에서 편집 → 줄 → 다시 들여 쓰기를 선택합니다. .html 또는 .php 와 같은 HTML이 포함 된 확장자로 저장되면 작동합니다. 이 작업을 자주 수행하면이 키 매핑이 유용 할 수 있습니다. { "keys": ["ctrl+shift+r"], "command": "reindent" , "args": { "single_line": false } } ..

질문 : 메모장 ++에서 자동 서식 / 들여 쓰기 XML / HTML 방법 코드 블록을 다시 들여 쓰는 방법이 있습니까? Eclipse에서 Ctrl + Shift + F (자동 서식 / 들여 쓰기)와 유사한 것을 찾고 있습니다. 확실하게, Notepad ++ 외부 에서 XML 형식을 지정하는 방법을 이미 알고 있으므로 (Eclipse는 앞서 언급했듯이 잘 작동합니다) 다른 XML 형식 지정 도구에 대한 링크가 필요하지 않습니다. 저는 특별히 XML과 HTML로 작업하고 있습니다. 이상적으로는 Eclipse 에서처럼 편리한 키 바인딩이 있으므로 워크 플로우를 중단 할 필요가 없습니다. 이미 NppAutoIndent에 대해 알고 있습니다. XML, HTML 및 CSS로 작업하고 있기 때문에 작동하지 않습니다..

질문 : HTML 중첩 목록을 만드는 적절한 방법? W3 문서에는 DEPRECATED EXAMPLE: 접두사가 붙은 중첩 된 목록 예제가 있지만 사용되지 않는 예제로 수정하지 않았으며 예제의 문제점을 정확히 설명하지도 않았습니다. 그렇다면 이러한 방법 중 HTML 목록을 작성하는 올바른 방법은 무엇입니까? 옵션 1 : 중첩 된 의 자식입니다. List item one List item two with subitems: Subitem 1 Subitem 2 Final list item 옵션 2 : 중첩 된 이 속한 의 자식입니다. List item one List item two with subitems: Subitem 1 Subitem 2 Final list item 답변 옵션 2 가 맞습니다. 중첩 된 ..

질문 : '이름'또는 'ID'로 HTML 앵커를 만들어야합니까? http://example.com/#foo "메소드로 웹 페이지의 일부를 참조하려면 다음을 사용해야합니다. Foo Title 또는 Foo Title 둘 다 작동하지만 동일합니까 아니면 의미 론적 차이가 있습니까? 답변 HTML 5 사양에 따르면 5.9.8 조각 식별자로 이동 : HTML 문서 (및 text / html MIME 유형)의 경우 문서의 표시된 부분이 무엇인지 판별하려면 다음 처리 모델을 따라야합니다. URL을 구문 분석하고 fragid를 URL의 구성 요소로 둡니다. fragid가 빈 문자열이면 문서의 표시된 부분이 문서의 맨 위에 있습니다. DOM에 fragid와 정확히 동일한 ID를 가진 요소가있는 경우 트리 순서의 첫 번째..

질문 : HTML 파일에 다른 HTML 파일 포함두 개의 HTML 파일이 있으며 a.html 및 b.html 이라고 가정합니다. a.html 을 포함하고 b.html .JSF에서는 다음과 같이 할 수 있습니다. 그것은 그 내부의 의미 a.xhtml 파일을, 나는 포함 할 수 b.xhtml .*.html 파일에서 어떻게 할 수 있습니까?답변제 생각에는 최상의 솔루션은 jQuery를 사용합니다.a.html : b.html :This is my include file 이 방법은 내 문제에 대한 간단하고 깨끗한 해결책입니다.jQuery .load() 문서는 여기에 있습니다 .출처 : https://stackoverflow.com/questions/8988855/include-another-html-file-in..

질문 : HTML 페이지 바닥 글을 최소 높이로 페이지 하단에 유지하지만 페이지와 겹치지 않도록하는 CSS다음 페이지 (데드 링크 : http://www.workingstorage.com/Sample.htm )에 페이지 하단에 배치 할 수없는 바닥 글이 있습니다.바닥 글에페이지가 짧고 화면이 채워지지 않았을 때 창 하단에 붙이십시오.문서 끝에 머무르고 콘텐츠가 겹치는 대신 화면이 많은 콘텐츠가있는 경우 정상적으로 아래로 이동합니다.CSS가 상속되어 나를 당혹스럽게합니다. 콘텐츠에 최소 높이를 두거나 바닥 글을 맨 아래로 이동하도록 제대로 변경할 수없는 것 같습니다.답변min-height 를 100% 로 설정하여 본문을 페이지의 100% 로 만드는 것입니다. 바닥 글 높이가 변경되지 않으면 제대로 작동합니..

질문 : 입력 필드에서 속성을 읽을 때 HTML 인코딩이 손실 됨숨겨진 필드에서 값을 가져 와서 텍스트 상자에 표시하기 위해 JavaScript를 사용하고 있습니다. 숨겨진 필드의 값이 인코딩됩니다.예를 들면 뽑히다 숨겨진 필드에서 값을 가져 오기 위해 jQuery를 통해 (이 시점에서 인코딩이 손실됩니다) :$('#hiddenId').attr('value') 문제는 내가 chalk & cheese , JavaScript는 인코딩을 잃은 것 같습니다. chalk & cheese 가되는 것을 원하지 않는다. 나는 리터럴 amp; 유지됩니다.문자열을 HTML로 인코딩하는 JavaScript 라이브러리 또는 jQuery 메서드가 있습니까?답변편집 : 이 답변은 오래 전에 게시 htmlDecode 기능은 XSS..

질문 : 고정 헤더에 맞게 조정하기 위해 html 앵커 오프셋 앵커가 작동하는 방식을 정리하려고합니다. 페이지 상단에 고정 된 헤더가 있으므로 페이지의 다른 위치에 앵커에 링크하면 페이지가 점프하여 앵커가 페이지 상단에 있고 고정 헤더 뒤에 콘텐츠가 남습니다. 의미가 있습니다). 헤더 높이에서 25px만큼 앵커를 오프셋하는 방법이 필요합니다. HTML이나 CSS를 선호하지만 Javascript도 허용됩니다. 답변 자바 스크립트없이 CSS 만 사용할 수 있습니다. 앵커에게 수업을 제공하십시오. 그런 다음 앵커를 블록 요소로 만들고 상대적으로 배치하여 앵커가 실제로 페이지에 나타나는 위치보다 높거나 낮은 오프셋에 배치 할 수 있습니다. -250px는 앵커를 250px 위로 배치합니다. a.anchor { d..

질문 : HTML5에 minlength 유효성 검사 속성이 있습니까? 필드의 minlength 속성이 작동하지 않는 것 같습니다. 필드 값의 최소 길이를 설정할 수있는 HTML5에 다른 속성이 있습니까? 답변 pattern 속성을 사용할 수 있습니다. required 속성 도 필요합니다. 그렇지 않으면 빈 값이있는 입력 필드가 제약 조건 유효성 검사 에서 제외됩니다. "empty, or minimum length"에 대한 패턴을 사용하는 옵션을 만들려면 다음을 수행 할 수 있습니다. 출처 : https://stackoverflow.com/questions/10281962/is-there-a-minlength-validation-attribute-in-html5

질문 : 인라인 CSS에서 a : hover를 작성하는 방법은 무엇입니까? 인라인 CSS 코드를 작성해야하는 경우가 있는데 앵커에 호버 스타일을 적용하고 싶습니다. HTML 스타일 속성 내의 인라인 CSS에서 a:hover 를 어떻게 사용할 수 있습니까? 예를 들어 HTML 이메일에서 CSS 클래스를 안정적으로 사용할 수 없습니다. 답변 짧은 대답 : 할 수 없습니다. 긴 대답 :해서는 안됩니다. 클래스 이름 또는 ID를 지정하고 스타일 시트를 사용하여 스타일을 적용하십시오. :hover 는 의사 선택기이며 CSS의 경우 스타일 시트 내에서만 의미가 있습니다. 인라인 스타일에 해당하는 것은 없습니다 (선택 기준을 정의하지 않기 때문에). OP의 의견에 대한 응답 : CSS 규칙을 동적으로 추가하는 방법에..

질문 : jQuery를 사용하여 이름으로 요소를 어떻게 선택할 수 있습니까? 확장하고 숨기려는 테이블 열이 있습니다. jQuery는 요소 name class 별로 선택할 때 요소를 숨기는 것 같습니다. 예를 들면 : $(".bold").hide(); // Selecting by class works. $("tcol1").hide(); // Selecting by name does not work. 아래 HTML을 참고하십시오. 두 번째 열은 모든 행에 대해 name name 속성을 사용하여이 컬렉션을 어떻게 만들 수 있습니까? data1 data2 data1 data2 data1 data2 답변 jQuery 속성 선택기를 사용할 수 있습니다. $('td[name="tcol1"]') // Matches e..

질문 : HTML로 표시하기 위해 위쪽 / 아래쪽 삼각형 (줄기없는 화살표)에 사용할 수있는 문자는 무엇입니까?토글 스위치로 사용할 수 있도록 위 또는 아래를 가리키는 삼각형 인 HTML 또는 ASCII 문자를 찾고 있습니다.나는 ↑ ( ↑ uarr;) 및 ↓ ( ↓ )를 찾았지만 줄기가 좁습니다. HTML 화살표 "머리"를 찾고 있습니다.답변유니 코드 화살표 머리 :▲-U + 25B2 검은 색 위쪽을 가리키는 삼각형▼-U + 25BC 검은 색 아래쪽을 가리키는 삼각형▴-U + 25B4 작은 검은 색 위쪽을 가리키는 삼각형▾-U + 25BE 작은 검은 색 아래쪽을 가리키는 삼각형▲ 및 ▼의 경우 ▲ 및 ▼ 유니 코드 문자를 직접 포함 할 수없는 경우 (UTF-8 사용!)작은 버전에 대한 글꼴 지원은 그다..

질문 : HTML5 localStorage에 객체 저장localStorage JavaScript 개체를 저장하고 싶지만 내 개체가 분명히 문자열로 변환되고 있습니다.localStorage 사용하여 기본 JavaScript 유형 및 배열을 저장하고 검색 할 수 있지만 객체가 작동하지 않는 것 같습니다. 그럴까요?내 코드는 다음과 같습니다.var testObject = { 'one': 1, 'two': 2, 'three': 3 }; console.log('typeof testObject: ' + typeof testObject); console.log('testObject properties:'); for (var prop in testObject) { console.log(' ' + prop + ': ' ..

질문 : HTML 5 : , , 또는 뭐가 올바른 방법일까요? , , 또는 뭐가 올바른 방법일까요? 다른 답변을 확인하려고 시도했지만 여전히 혼란 스럽습니다. 특히 W3schools HTML 5 참조를 본 후입니다. 및 일 수 있도록 "허용"해야한다고 생각했습니다. 그런 다음 XHTML은 및 ( 누군가가 오래된 브라우저를위한 공간이라고 말한 곳) 과 함께 나왔습니다. 이제 HTML 5를 연습 할 때 코드 형식을 어떻게 지정해야하는지 궁금합니다. , 또는 입니까? 답변 간단히 이면 충분합니다. 다른 형식은 XHTML과의 호환성을 위해 있습니다. XHTML과 동일한 코드를 작성하고 HTML로도 작동 할 수 있도록합니다. HTML을 생성하는 일부 시스템은 XML 생성기를 기반으로 할 수 있으므로 태그 만 출력..

질문 : URI, URL 및 URN의 차이점은 무엇입니까? 사람들은 URL , URI 및 URN에 대해 서로 다른 것처럼 이야기하지만 육안으로는 동일하게 보입니다. 그들 사이의 구별 가능한 차이점은 무엇입니까? 답변 RFC 3986에서 : URI는 로케이터, 이름 또는 둘 다로 추가로 분류 될 수 있습니다. "Uniform Resource Locator"(URL)라는 용어는 리소스를 식별하는 것 외에도 기본 액세스 메커니즘 (예 : 네트워크 "위치")을 설명하여 리소스를 찾는 수단을 제공하는 URI의 하위 집합을 의미합니다. "URN (Uniform Resource Name)"이라는 용어는 역사적으로 "urn"체계 [RFC2141] 하에서 두 URI를 지칭하는 데 사용되었습니다.이 두 URI는 자원이 더..

질문 : JavaScript에서 모든 문자열을 바꾸는 방법내 JavaScript 코드에이 문자열이 있습니다."Test abc test test abc test test test abc test test abc" 하기:str = str.replace('abc', ''); 위의 문자열에서 abc 의 첫 번째 항목 만 제거하는 것 같습니다.모든 항목을 어떻게 바꿀 수 있습니까?답변업데이트 : 가장 많이 사용되는 브라우저의 최신 버전에서 다음과 같이 replaceAlllet result = "1 abc 2 abc 3".replaceAll("abc", "xyz"); // `result` is "1 xyz 2 xyz 3" 하지만 대상 브라우저가 먼저 지원을 추가했는지 확인하려면 먼저 또는 다른 호환성 표를 사용할 ..

질문 : GUID / UUID를 만드는 방법JavaScript에서 전역 적으로 고유 한 식별자를 만들려고합니다. 모든 브라우저에서 어떤 루틴을 사용할 수 있는지, 내장 난수 생성기를 "무작위"하고 시드했는지 등을 잘 모르겠습니다.GUID / UUID는 32 자 이상이어야하며 ASCII 범위에 있어야 전달시 문제가 발생하지 않습니다.답변RFC 4122 에 따르면 GUID (Globally Unique IDentifier)라고도하는 UUID (Universally Unique IDentifier)는 특정 고유성 보장을 제공하도록 설계된 식별자입니다.몇 줄의 JavaScript 코드에서 RFC 호환 UUID를 구현할 수 있지만 (예 : 아래 @broofa의 답변 참조) 몇 가지 일반적인 함정이 있습니다.잘못된..