사용자 정의 css에서, “동부 표준시-다운로드-버튼” 라는 css 클래스를 추가 합니다. 이 클래스는 jQuery 버튼을 타겟팅 하 고 다운로드 속성을 추가할 때 사용 됩니다. 오늘은 어떻게 링크 또는 파일을 직접 사용자가 컴퓨터에 다운로드 받을 수 있도록 버튼을 다운로드 속성을 추가 하는 방법을 보여 거 야. 다운로드 버튼을 귀하의 웹사이트가 훨씬 더 간단 하 게 링크를 통해 귀하의 다운로드를 제공 보다 전문적인 보이게 만들 수 있습니다. button은 깔끔한 인터페이스를 제공 하며, 사용자가 직접 디자인 하는 경우 단추는 페이지 디자인의 중요 한 부분이 될 수 있습니다. 이 가이드를 따라 HTML 버튼을 만들거나 자신만의 디자인 버튼을 만들 수 있습니다. 다운로드 속성은 HTML5 태그의 새로운 특성입니다 . 혼란은 “링크가 이동 장소, 버튼 작업을 수행과 슈퍼 리터럴 지 고 개발자에서 온 것 같다.” 그렇습니다, 그것은 진실 하다, 그러나 연결은 어디에서 든 지 실제로 가지 않는다. 그들은 정보를 검색 하 고 그것을 다운로드 합니다.

단추는 작업을 수행 하지만 기본적으로 문서를 “가져오기” 하지 않습니다. 데이터를 가져오는 데 사용할 수는 있지만 현재 문서의 상태를 변경 하 여 새 문서를 검색 하 고 렌더링 하지 않는 경우가 많습니다. 폼의 기능과 관련 하 여 데이터를 가져올 수 있지만 개별 파일을 다운로드 하지 않고 웹 문서를 업데이트 하는 컨텍스트 내에서 계속 됩니다. 버튼 모듈에 다운로드 속성을 추가 하기 위해, 우리는 특정 클래스와 버튼 모듈 링크 다운로드 속성을 삽입 하는 몇 가지 jQuery를 추가할 수 있습니다. 이 예제에서는 CSS 클래스 “et_download” (단추 모듈에 앞서 추가한 것과 같은 클래스)을 사용 하 여 단추 모듈에 download 특성을 추가 합니다. 그런 식으로 당신의 버튼은 내가 심지어 버튼을 쓸 것 이라는 똑같은 그림의 부분으로 서 처음에 이미 다운로드 된 이래로 새로운 이미지 다운로드가 css 이지만 내가 그것을 pocs 만큼 쉽게 간직 하 고 싶었다 면 당신이 잠시 동안 그것을 맴 돕니다/cilck 일 때 텅 비게 간다. 수:p 내가 각 링크에 있는 단어를 ` 다운로드 `를 포함 하지 않는, 버튼 같은 링크-y는 유령 링크 스타일을가지고, 음악에 대 한 기본 다운로드 방법을 사용 하 고, 잘못 오전 전체 쓰기-각 다운로드에 포함 되지? 난 애니메이션 SVG 배경을 은폐 하지 않도록 최소한의 UI와 보이는 콘텐츠를 유지 하기 위해 노력 하 고 있 었 어 요, 하지만 만약 음악-비디오와 같은 애니메이션 죽 겠다 사용자에 대 한 전체 설명을 다운로드 무엇 인지, 그럼 난 거 야 이해를 추가 하기 위한 필요 합니다 그냥도 랑 그들은 긴 listicle와도 랑 처럼 도움말 페이지를 보고 그것을 설정할 수 있습니다. 다운로드 파일 링크를 클릭 하면 (대신에 파일을 탐색): 다른 모든 요소와 마찬가지로, 앵커 링크는 HTML의 글로벌 속성에 의해 수정 될 수 있습니다. 앵커 링크 요소도 다른 문서 및 파일에 연결 하는 방법을 제어할 수 있도록 고유한 특성을가지고 있습니다. 하지만 당신은 또한 쉽게 ` 다운로드 ` 요소와 링크로 할 수 있는 정기적인 정적 다운로드가 있다면. 당신은 여전히 링크로 이러한 일을 하 시겠습니까 버튼으로 더 복잡 한, 또는 그 불일치 문제로 이어질 까 요? 특히 당신이 그들을 비슷하게 스타일에 (게) 원한다 면 왜 wouldn ` t 당신은? 그들은 단지 두 경우 모두에서 다운로드 하는 사용자를 위해, 그들은 정적 및 동적으로 생성 된 파일의 차이를 이해할 필요가 없습니다). 이 게시물 버튼 너머 영감 발견.

그냥 좋은 UX. 링크의 전체 목적은 항상 콘텐츠를 다운로드 하는 것 처럼 단추나 링크가 파일을 다운로드 하는 데 사용 해야 하는지에 대 한 논쟁이 조금 바보입니다. HTML은 파일 이며, 다른 모든 파일과 마찬가지로 서버에서 검색 한 후 다운로드 하 여 사용자에 게 제공 해야 합니다. 당신이 당신의 버튼 모듈에 새 파일 이름 값을 추가 하려는 경우 당신은 jQuery 코드에 추가할 수 있습니다. 예를 들어, 만약 내가 내 버튼 모듈을 “이미지-파일”로 내 다운로드 파일의 이름을 바꾸려면, 내가 대신이 jQuery 스니펫을 사용 하는 것: 내 최신 프로젝트에, 대신의 일부에 대 한 텍스트를 모두 동사와 명사를 쓰기 다운로드 링크, 내가 쓴 동사 ` 다운로드 : ` 정적 텍스트로, 각 명사 (소책자, 커버, 비디오, 등) 세로 스택 버튼-y를 링크로 (링크 색상을 일치 하는 전체 상자 모양의 테두리와 맑은 상자에 오래 된 유령 링크)로 뒤를 이었다.