'Web/Html'에 해당되는 글 18건
- 2013.01.29 html5 기본문서형식
- 2012.12.03 IE 6-8 해결방법 html5shiv
- 2012.08.22 [그누보드]php 조건문 형식
- 2012.07.02 마우스 오른쪽 금지
- 2012.04.23 option 링크 걸기
html5 기본문서형식
2013. 1. 29. 19:31 Web/Html
Mobile
1. Doctype선언
2. 모바일 viewport
3. 지원하지 않는 브라우져 호환성 방지
4. 바로가기 아이콘 생성
5. 주소 감추기 js
Desktop
1. 새로 생성된 태그 사용을 위한 html5.js링크 연결
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<title> new document </title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<link rel="stylesheet" href="" />
<link rel="apple-touch-icon" href="" />
<link rel="shortcut icon" href="" />
</head>
<body>
<script>
window.addEventListener("load", function() {
setTimeout(scrollTo, 0, 0, 0, 1);
}, false);
window.addEventListener("orientationchange", function() {
setTimeout(scrollTo, 0, 0, 0, 1);
}, false);
</script>
</body>
</html>
CSS선언
1. 태그초기화
2. 모바일 가로, 세로 회전시 글씨크기 고정 css 추가 / -webkit-text-size-adjust:none;
: CSS3.0에 추가된 스타일은 현재 브라우져가 100% 지원하지 못하므로 브라우져별 접두사를 추가해줘야함
-webkit- :chrom, safari
-moz- : firefox
-ms- : ie
-o- : opera
3. 태그 블록으로 설정
'Web > Html' 카테고리의 다른 글
| 사운드 지원 audio 태그 사용방법 (0) | 2013.01.30 |
|---|---|
| 동영상 재생 video태그 (0) | 2013.01.30 |
| IE 6-8 해결방법 html5shiv (0) | 2012.12.03 |
| [그누보드]php 조건문 형식 (0) | 2012.08.22 |
| 마우스 오른쪽 금지 (0) | 2012.07.02 |
IE 6-8 해결방법 html5shiv
2012. 12. 3. 15:30 Web/Html
HTML5의 새로운 요소를 화면에 표시하지 않음.
html5shiv.js 파일을 문서 head 요소 내부에 삽입하면
IE 6~8 브라우저도 HTML5 요소를 화면에 표시할수 있다.
<head>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
HTML5 CSS Reset
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{
display:block
}
'Web > Html' 카테고리의 다른 글
| 동영상 재생 video태그 (0) | 2013.01.30 |
|---|---|
| html5 기본문서형식 (0) | 2013.01.29 |
| [그누보드]php 조건문 형식 (0) | 2012.08.22 |
| 마우스 오른쪽 금지 (0) | 2012.07.02 |
| option 링크 걸기 (0) | 2012.04.23 |
[그누보드]php 조건문 형식
2012. 8. 22. 14:56 Web/Html
<? if ($member[mb_id] == 'admin') {?> <!-- 관리자 일때 -->
<? } elseif ($member[mb_level] >= '5') { ?> <!-- 일반회원 일때 -->
<? } else { alert("글을 읽을 권한이 없습니다.", '/bbs/login.php'); ?> <!-- 비회원 일때 --> <? } ?>
<?
if ($member[mb_level] < 2) // 회원의 접근 권한 조정
{
alert($msg='회원만 접근가능합니다. 로그인을 해주시기 바랍니다. ', $url='/gboard/bbs/login.php');
exit;
}
?>
'Web > Html' 카테고리의 다른 글
| html5 기본문서형식 (0) | 2013.01.29 |
|---|---|
| IE 6-8 해결방법 html5shiv (0) | 2012.12.03 |
| 마우스 오른쪽 금지 (0) | 2012.07.02 |
| option 링크 걸기 (0) | 2012.04.23 |
| 웹접근성 사이트 (0) | 2012.04.16 |
마우스 오른쪽 금지
2012. 7. 2. 14:27 Web/Html
<body oncontextmenu="return false" ondragstart="return false" onselectstart="return false">
</body>
'Web > Html' 카테고리의 다른 글
| IE 6-8 해결방법 html5shiv (0) | 2012.12.03 |
|---|---|
| [그누보드]php 조건문 형식 (0) | 2012.08.22 |
| option 링크 걸기 (0) | 2012.04.23 |
| 웹접근성 사이트 (0) | 2012.04.16 |
| 운영체계별 inc (0) | 2012.04.12 |
option 링크 걸기
2012. 4. 23. 13:53 Web/Html
- 새창으로
<select onchange="if(this.value) window.open(this.value);">
<option value="">선택하세요.
<option value="http://www.naver.com">네이버
</select>
- 현재 페이로
<select onchange="if(this.value) location.href=(this.value);">
<option value="">선택하세요.
<option value="http://www.naver.com">네이버
</select>
'Web > Html' 카테고리의 다른 글
| [그누보드]php 조건문 형식 (0) | 2012.08.22 |
|---|---|
| 마우스 오른쪽 금지 (0) | 2012.07.02 |
| 웹접근성 사이트 (0) | 2012.04.16 |
| 운영체계별 inc (0) | 2012.04.12 |
| Html 문자기호표 (0) | 2012.04.09 |
by 허클베리밋