프로그램 작성 html

12

XSLT를 통해 파일의 doctype을 HTML5로 깔끔하게 설정하는 방법은 <!DOCTYPE html>(이 경우 collector.xdv 사용 ) 내 Google foo가 찾은 최고의 내용은 다음과 같습니다. <xsl:output method="html" doctype-public="XSLT-compat" omit-xml-declaration="yes" encoding="UTF-8" indent="yes" /> 생산 : <!DOCTYPE html PUBLIC "XSLT-compat" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

134 html xslt doctype xhtml-transitional xdv

13

HTML jQuery의 데이터 속성에 JSON 객체 저장

data-접근 방식을 사용하여 HTML 태그에 데이터를 저장 하고 있습니다. <td><"button class='delete' data-imagename='"+results[i].name+"'>Delete"</button></td> 그런 다음 콜백에서 데이터를 다음과 같이 검색합니다. $(this).data('imagename'); 잘 작동합니다. 내가 붙어있는 것은 객체의 속성 중 하나 대신 객체를 저장하려고합니다. 나는 이것을 시도했다 : <td><button class='delete' data-image='"+results[i]+"'>Delete</button></td> 그런 다음 이름 속성에 다음과 같이 액세스하려고했습니다. var imageObj = $(this).data('image'); …

134 jquery html json

10

iOS Safari에서 IFrame을 반응 적으로 만드는 방법은 무엇입니까?

문제는 웹 사이트에 콘텐츠를 삽입하기 위해 IFrame을 사용해야 할 때 최신 웹 세계에서 IFrame도 반응 할 것입니다. 이론적으로는 간단하고 간단하게 사용 <iframe width="100%"></iframe>하거나 CSS 너비를 설정 iframe { width: 100%; }하지만 실제로는 그렇게 간단하지는 않지만 가능합니다. iframe컨텐츠가 완전히 반응하고 내부 스크롤 막대없이 자체 크기를 조정할 수 있다면 iOS Safari는 iframe실제 …

134 html css iframe

4

절대 위치 및 오버플로 숨김

우리는 두 개의 DIV를 가지고 있는데, 하나는 다른 하나에 내장되어 있습니다. 외부 DIV가 절대 위치에 있지 않으면 절대 위치 인 내부 DIV가 외부 DIV에 숨겨진 오버 플로우 ( 예 :)를 따르지 않습니다 . 외부 DIV를 절대 위치로 설정하지 않고 내부 DIV가 외부 DIV에 숨겨져있는 오버플로에 영향을 줄 수있는 기회가 있습니까? …

134 html css layout overflow css-position

3

JavaScript에 유니 코드 문자 삽입

HTML 페이지에 Omega (Ω)를 삽입해야합니다. HTML 이스케이프 코드를 사용하여 작성 &#937;하고 Ω을 얻을 수 있습니다 . HTML 요소에 넣었을 때 그것은 모두 훌륭합니다. 그러나 내 JS에 넣으려고하면 예를 들어 var Omega = &#937;해당 코드를 JS로 구문 분석하고 모든 것이 작동하지 않습니다. 이 문제를 해결하는 방법을 아는 사람이 있습니까?

134 javascript html unicode

3

입력 필드에 두 개의 레이블이있을 수 있습니까?

메리는 작은 형태를 가지고 있었고 그 분야는 그렇게 표시되어 있습니다. 오류가 발생할 때마다 혼란 스러울 것입니다. 각 입력 필드에 대한 레이블이 있습니다 ... 꽤 표준적인 문제입니다. 양식의 유효성을 검사 한 후 양식 상단에 누락되거나 잘못된 정보를 자세히 설명하는 유용한 작은 단락을 표시합니다. 동일한 입력 필드에 대해 두 개의 레이블을 가질 …

134 html forms labels

7

CSS 오버플로-한 줄의 텍스트

나는이 div다음 CSS 스타일로 : width:335px; float:left; overflow:hidden; padding-left:5px; div긴 줄의 텍스트 를 삽입 하면 새 줄로 바뀌어 모든 텍스트가 표시됩니다. 내가 원하는 것은 줄 바꿈되지 않는 한 줄의 텍스트 만 갖는 것입니다. 텍스트가 길면 넘쳐나는 텍스트가 사라지기를 원합니다. 높이 설정에 대해 생각하고 있었지만 잘못된 것 같습니다. 어쩌면 글꼴과 동일한 …

134 html css overflow

13

화면 중앙에 <div> 요소 배치

화면 크기에 관계없이 화면 중앙에 <div>(또는 <table>) 요소 를 배치하고 싶습니다 . 다시 말해 'top'과 'bottom'에 남은 공간이 동일해야하고 'right'와 'left'에 남은 공간이 동일해야합니다. CSS로만 이것을 수행하고 싶습니다. 다음을 시도했지만 작동하지 않습니다. <body> <div style="top:0px; border:1px solid red;"> <table border="1" align="center"> <tr height="100%"> <td height="100%" width="100%" valign="middle" align="center"> We are …

134 javascript css html

2

CSS 전용 벽돌 레이아웃

상당히 낡은 벽돌 레이아웃을 구현해야합니다. 그러나 여러 가지 이유로 JavaScript를 사용하여 원하지 않습니다. 매개 변수 : 모든 요소의 너비가 동일합니다 요소는 서버 측에서 계산할 수없는 높이를 갖습니다 (이미지와 다양한 양의 텍스트) 필요한 경우 고정 된 수의 열로 살 수 있습니다 현대적인 브라우저에서 작동이에 대한 사소한 해결책이 속성.column-count 해당 솔루션의 문제점은 …

134 html css flexbox css-grid

21

Safari 및 Chrome 데스크톱 브라우저에서 동영상 자동 재생이 작동하지 않습니다.

비디오가 여기에 포함 된 이유를 알아 내기 위해 많은 시간을 보냈습니다. <video height="256" loop autoplay muted controls id="vid"> <source type="video/mp4" src="video_file.mp4"></source> <source type="video/ogg" src="video_file.ogg"></source> </video> 페이지가 FireFox에로드되면 자동으로 재생을 시작하지만 Webkit 기반 브라우저에서는 자동 재생을 수행 할 수 없습니다. 이것은 일부 무작위 페이지에서만 발생했습니다. 지금까지 원인을 찾을 수 없었습니다. 닫히지 …

134 javascript html google-chrome safari webkit

16

Bootstrap 4 카드를 카드 열에서 같은 높이로 만드는 방법은 무엇입니까?

저는 Bootstrap 4 alpha 2를 사용하고 있으며 카드를 활용하고 있습니다. 특히 공식 문서에서 가져온 이 예제 로 작업하고 있습니다. 모든 카드를 같은 높이로 만들려면 어떻게해야합니까? 지금까지 생각할 수있는 것은 다음 CSS 규칙을 설정하는 것뿐입니다. .card { min-height: 200px; } 그러나 이것은 일반적인 경우에는 작동하지 않는 하드 코딩 된 솔루션 일뿐입니다. …

134 html css twitter-bootstrap bootstrap-4 bootstrap-cards

14

HTML5 자리 표시 자 CSS 패딩

이 게시물을 이미 보았고 자리 표시 자의 패딩을 변경하기 위해 할 수있는 모든 것을 시도했지만 슬프게도 협력하고 싶지 않은 것 같습니다. 어쨌든, 여기 CSS 코드가 있습니다. ( 편집 : 이것은 sass에서 생성 된 CSS입니다) #search { margin-top: 1px; display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 220px; } #search …

133 html google-chrome webkit css

15

Safari의 html5 localStorage 오류 :“QUOTA_EXCEEDED_ERR : DOM 예외 22 : 할당량을 초과 한 저장소에 무언가를 추가하려고했습니다.”

내 웹 응용 프로그램에 iOS 사파리 개인 탐색에서 자바 스크립트 오류가 있습니다. 자바 스크립트 : 오류 찾으시는 주소가 없습니다 QUOTA_EXCEEDED_ERR : DOM 예외 22 : 저장소에 무언가를 추가하려고했습니다 ... 내 코드 : localStorage.setItem('test',1)

133 javascript html local-storage

30

클릭시 트위터 부트 스트랩 탐색 축소 숨기기

이것은 하위 메뉴 드롭 다운이 아니며 범주는 그림과 같이 클래스 li입니다. 반응 형 메뉴 (템플릿은 한 페이지 일뿐 임)에서 범주를 선택하면 클릭 할 때 탐색 축소를 자동으로 숨기고 싶습니다. 템플릿에는 한 페이지 만 있기 때문에 탐색으로 사용할 수도 있습니다. 나는 그것에 영향을 미치지 않는 해결책을 찾고 있습니다. 메뉴의 HTML 코드는 …

133 jquery html twitter-bootstrap

9

IFRAME이 최상위 창을 리디렉션하지 못하게하는 방법

일부 웹 사이트에는 IFRAME인클로저 를 "분리"하는 코드가 있습니다. 즉, 페이지 A가 IFRAME상위 페이지 내부에 로드되면 P일부 Javascript A가 외부 창을 로 리디렉션합니다 A. 일반적으로이 Javascript는 다음과 같습니다. <script type="text/javascript"> if (top.location.href != self.location.href) top.location.href = self.location.href; </script> 내 질문은 : 부모 페이지 P의 작성자이면서 내부 페이지의 저자가 아닌 경우이 분류를 …

133 javascript html iframe

«html» 태그된 질문