| 일 | 월 | 화 | 수 | 목 | 금 | 토 | 
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 | 
| 9 | 10 | 11 | 12 | 13 | 14 | 15 | 
| 16 | 17 | 18 | 19 | 20 | 21 | 22 | 
| 23 | 24 | 25 | 26 | 27 | 28 | 29 | 
| 30 | 
                                        Tags
                                        
                                    
                                        
                                    - #솔루션
 - #해피CGI
 - #image
 - #뉴스
 - #happycgi
 - 해피CGI
 - 웹솔루션
 - 솔루션
 - #홈페이지
 - 게시판
 - 사이트제작
 - CSS
 - #cgimall
 - #웹솔루션
 - #쇼핑몰
 - #홈페이지제작
 - 홈페이지제작
 - #이미지
 - 이미지
 - php
 - CGIMALL
 - #jQuery
 - happycgi
 - 해피씨지아이
 - #동영상
 - jquery
 - 홈페이지
 - #CSS
 - javascript
 - #업종별
 
- Today
 
- Total
 
웹솔루션개발 25년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] Dynamic SEO-Friendly Tag Cloud Generator In jQuery 본문
                        웹프로그램밍 자료실/JAVA 자료
                        
                    [해피CGI][cgimall] Dynamic SEO-Friendly Tag Cloud Generator In jQuery
해피CGI윤실장 2021. 5. 6. 09:24우선 순위(가중치) 에 따라서 각 태그에 해당하는 텍스트 크기를 동적으로 생성하는 SEO 에 친화적인 클라우드 태그 생성기 입니다.
다운로드 받은 파일의 압축을 해제한후
demo.html 파일을 웹브라우저로 열어보면 확인이 됩니다.


위 그림과 같이 두가지 예제가 있습니다.
텍스트로 표시되는 것을 지정하는 방식은 2가지이며,
HTML 태그로 지정시에는

위와 같이 li 태그에 data-weight 로 지정해 준 점수와
화면에 표시될 텍스트,
텍스트를 클릭시 이동할 링크 주소에 의해서
클라우드 태그형태로 화면에 표시가 됩니다.
javascript 코드로 지정시에는

위 코드와 같은 자바스크립트 코드로 텍스트, 링크주소, 점수를 지정해줄 수 있습니다.
태그로 출력되는 텍스트 외에,

위 코드 처럼 크기, 배경색, 글자의 크기 및 색상 등을 조절하는 옵션이 있습니다.
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
| [해피CGI][cgimall] vis.js Ver4.21.0 - 각종 통계 차트 그래프 출력 (0) | 2021.05.24 | 
|---|---|
| [해피CGI][cgimall] sigmajs V1.2.1 - 네트워크 그래프 (0) | 2021.05.21 | 
| [해피CGI][cgimall] Configurable Text Rolling Effects In jQuery - textroll.js (0) | 2021.04.30 | 
| [해피CGI][cgimall] Simple Data Table with JavaScript (0) | 2021.04.29 | 
| [해피CGI][cgimall] flxMenu : jQuery Dropdown Navigation Plugin (0) | 2021.04.28 | 
                          Comments
                        
                    
                
            
                
            
				
				
				
				
                
            