«html» 태그된 질문

HTML (HyperText Markup Language)은 웹 페이지 및 웹 브라우저에 표시 할 기타 정보를 작성하기위한 기본 마크 업 언어입니다. HTML에 관한 질문에는 최소한의 재현 가능한 예제와 달성하려는 것에 대한 아이디어가 포함되어야합니다. 이 태그는 거의 사용되지 않으며 종종 [CSS] 및 [javascript]와 쌍을 이룹니다.

25
요소에 JavaScript의 클래스가 포함되어 있는지 확인 하시겠습니까?
jQuery가 아닌 일반 JavaScript를 사용하여 요소 에 클래스 가 포함되어 있는지 확인하는 방법이 있습니까? 현재, 나는 이것을하고있다 : var test = document.getElementById("test"); var testClass = test.className; switch (testClass) { case "class1": test.innerHTML = "I have class1"; break; case "class2": test.innerHTML = "I have class2"; break; case "class3": test.innerHTML = "I …
585 javascript  html  css  dom 

16
JQuery에서 라디오 버튼이 선택되어 있는지 확인하십시오.
라디오 버튼을 잘 확인하도록 설정할 수 있지만 원하는 것은 특정 라디오 버튼을 확인할 때 활성화되는 일종의 '청취자'를 설정하는 것입니다. 예를 들어 다음 코드를 보자. $("#element").click(function() { $('#radio_button').attr("checked", "checked"); }); 그것은 확인 된 속성을 추가하고 모두 잘되지만 경고를 추가하는 방법은 무엇입니까? 예를 들어 클릭 기능을 사용하지 않고 라디오 버튼을 확인하면 팝업이 …

13
한 AngularJS 컨트롤러가 다른 AngularJS 컨트롤러를 호출 할 수 있습니까?
한 컨트롤러가 다른 컨트롤러를 사용할 수 있습니까? 예를 들면 다음과 같습니다. 이 HTML 문서는 단순히 MessageCtrl컨트롤러가 messageCtrl.js파일로 전달한 메시지를 인쇄 합니다. <html xmlns:ng="http://angularjs.org/"> <head> <meta charset="utf-8" /> <title>Inter Controller Communication</title> </head> <body> <div ng:controller="MessageCtrl"> <p>{{message}}</p> </div> <!-- Angular Scripts --> <script src="http://code.angularjs.org/angular-0.9.19.js" ng:autobind></script> <script src="js/messageCtrl.js" type="text/javascript"></script> </body> </html> 컨트롤러 파일에는 …

4
Lollipop의 최신 Chrome 버전에서 헤더 바와 주소 표시 줄의 색상을 변경하는 방법은 무엇입니까?
이 주제에서 아직 아무것도 찾지 못했습니다. 개요에서 주소 표시 줄의 색상과 헤더 색상을 변경하는 기능이 정말 마음에 듭니까? 이 작업을 수행하는 쉬운 방법이 있습니까? . 작동하려면 Android 5.0 Lollipop이 필요하고 Chrome의 병합 탭 및 앱 이 켜기로 설정되어 있다고 생각합니다 .


7
<span> 대신 아이콘에 <i> 태그를 사용해야합니까? [닫은]
폐쇄되었습니다 . 이 질문은 의견 기반 입니다. 현재 답변을받지 않습니다. 이 질문을 개선하고 싶습니까? 이 게시물 을 편집 하여 사실과 인용으로 답변 할 수 있도록 질문을 업데이트하십시오 . 휴일 삼년 전에 . Facebook의 출처를 살펴본 결과 &lt;i&gt;태그를 사용하여 아이콘을 표시합니다. 또한 오늘 저는 트위터의 부트 스트랩을 조사했습니다. 또한 &lt;i&gt;태그를 사용 …

23
Twitter Bootstrap을 사용하여 중앙 집중식 컨텐츠를 얻는 방법은 무엇입니까?
매우 기본적인 예를 따르려고합니다. 시작 페이지와 그리드 시스템을 사용하여 다음을 기대했습니다. &lt;div class="row"&gt; &lt;div class="span12"&gt; &lt;h1&gt;Bootstrap starter template&lt;/h1&gt; &lt;p&gt;Example text.&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; 코드 스 니펫 실행결과 숨기기스 니펫 확장 ... 중심 텍스트를 생성합니다. 그러나 여전히 맨 왼쪽에 나타납니다. 내가 무엇을 잘못하고 있지?

27
div에 툴팁 추가
다음과 같은 div 태그가 있습니다. &lt;div&gt; &lt;label&gt;Name&lt;/label&gt; &lt;input type="text"/&gt; &lt;/div&gt; :hoverdiv 에 툴팁을 표시하는 방법 , 바람직하게는 페이드 인 / 아웃 효과가있는 방법.
567 javascript  html  css  tooltip 

21
HTML 테이블에서 자동 줄 바꿈
s와 s로 word-wrap: break-word텍스트를 감싸는 데 사용 했습니다 . 그러나 테이블 셀에서는 작동하지 않는 것 같습니다. 하나의 행과 두 개의 열로 테이블을 설정했습니다 . 위의 스타일로되어 있지만 열의 텍스트는 줄 바꿈되지 않습니다. 텍스트가 셀 경계를 넘어갑니다. 이것은 Firefox, Chrome 및 Internet Explorer에서 발생합니다.divspanwidth:100%word-wrap 소스는 다음과 같습니다. td { border: 1px …
566 html  css  html-table 

3
Base64 이미지 임베딩
Base64 이미지 임베딩은 어떤 브라우저에서 작동합니까? 내가 말하는 것은 이것 입니다. 페이지 크기가 상당히 커지므로 대부분의 경우 좋은 해결책이 아니라는 것을 알고 있습니다. 몇 가지 예 : HTML : &lt;img alt="Embedded Image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA..." /&gt; CSS : div.image { width:100px; height:100px; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA...); }
564 html  base64  browser 


3
브라우저가 CSS 선택기와 오른쪽에서 왼쪽으로 일치하는 이유는 무엇입니까?
CSS 선택기는 오른쪽에서 왼쪽으로 브라우저 엔진과 일치합니다. 그래서 그들은 먼저 아이들을 찾은 다음 부모가 규칙의 나머지 부분과 일치하는지 확인합니다. 왜 이런거야? 스펙이 말했기 때문입니까? 왼쪽에서 오른쪽으로 평가 된 경우 최종 레이아웃에 영향을 줍니까? 나에게 가장 간단한 방법은 요소 수가 가장 적은 선택기를 사용하는 것입니다. 따라서 ID는 먼저 1 요소 만 …


16
jQuery.click () vs onClick
거대한 jQuery 애플리케이션이 있으며 클릭 이벤트에 대해 아래 두 가지 방법을 사용하고 있습니다. 첫 번째 방법 HTML &lt;div id="myDiv"&gt;Some Content&lt;/div&gt; jQuery $('#myDiv').click(function(){ //Some code }); 두 번째 방법 HTML &lt;div id="myDiv" onClick="divFunction()"&gt;Some Content&lt;/div&gt; 자바 스크립트 함수 호출 function divFunction(){ //Some code } 내 응용 프로그램에서 첫 번째 또는 두 번째 …

22
클릭하면 HTML 텍스트 입력에서 모든 텍스트 선택
HTML 웹 페이지에 텍스트 상자를 표시하는 다음 코드가 있습니다. &lt;input type="text" id="userid" name="userid" value="Please enter the user ID" /&gt; 페이지가 표시되면 텍스트 에 사용자 ID를 입력하십시오 메시지가 포함됩니다. 그러나 모든 텍스트를 선택하려면 사용자가 3 번 클릭해야합니다 (이 경우 사용자 ID를 입력하십시오 ). 한 번의 클릭으로 전체 텍스트를 선택할 수 있습니까? …

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.