집 > 기사 > 웹 프론트엔드 > HTML5 모바일 개발을 향한 Xiaoqiang의 길(13) - HTML5의 전역 속성

HTML5 모바일 개발을 향한 Xiaoqiang의 길(13) - HTML5의 전역 속성

黄舟원래의: 2017-01-22 11:38:071633검색

1. accssskey 단축키

<!DOCTYPE HTML>  
<html>  
<body>  
  
<a href="http://blog.csdn.net/column/details/dawanganban-html5.html" accesskey="w">小强的HTML5移动开发之路</a><br />  
<a href="http://blog.csdn.net/column/details/android-growup.html" accesskey="g">Android菜鸟的成长笔记</a>  
  
<p><b>注释：</b>请使用 Alt + <i>accessKey</i> 来访问带有快捷键的元素。</p>  
  
</body>  
</html>

관심 있는 친구는 Alt + g 및 Alt + w를 눌러 사용해 보세요.

Xiaoqiang의 HTML5 모바일 개발 로드
Android 초보자를 위한 성장 노트

참고: 단축키가 있는 요소에 액세스하려면 Alt + accessKey를 사용하세요.

이 태그는 HTML4와 HTML5 사이에 차이가 없습니다.

2. class 속성은 요소 클래스 이름을 지정합니다

<!DOCTYPE HTML>  
<html>  
<head>  
<style type="text/css">  
h1.intro {color:blue;}  
p.important {color:green;}  
</style>  
</head>  
<body>  
  
<h1 class="intro">Header 1</h1>  
<p>A paragraph.</p>  
<p class="important">请注意这个重要的段落。:)</p>  
  
</body>  
</html>

HTML5 모바일 개발을 향한 Xiaoqiang의 길(13) - HTML5의 전역 속성

3. contenteditable 속성은 요소의 내용을 편집할 수 있는지 여부를 지정합니다

<!DOCTYPE HTML>  
<html>  
<body>  
  
<p contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</p>  
  
</body>  
</html>

수정 가능한 문단입니다. 텍스트를 편집해 보세요.

contenteditable 속성은 Html5의 새로운 속성입니다.

4. contextmenu 속성은 요소의 컨텍스트 메뉴를 지정합니다. 이 메뉴는 사용자가 요소를 마우스 오른쪽 버튼으로 클릭하면 나타납니다

현재 주요 브라우저는 contextmenu 속성을 지원하지 않습니다.

<!DOCTYPE html>  
<html>  
<body>  
  
<p contextmenu="supermenu">本段落拥有一个名为 "supermenu" 的上下文菜单。这个菜单会在用户右键单击该段落时出现。</p>    
  
<menu id="supermenu">  
  <command label="Step 1: Write Tutorial" onclick="doSomething()">  
  <command label="Step 2: Edit Tutorial" onclick="doSomethingElse()">  
</menu>  
  
<p><b>注释：</b>目前的主流浏览器都不支持 contextmenu 属性。</p>  
  
</body>  
</html

5. dir 속성은 요소 콘텐츠의 텍스트 방향을 지정합니다.

<p dir="rtl">Write this text right-to-left!</p>

값 설명

ltr 텍스트 방향은 왼쪽에서 오른쪽입니다.

rtl 텍스트 방향은 오른쪽에서 왼쪽입니다.

auto 브라우저가 내용에 따라 텍스트 방향을 결정하도록 합니다. 텍스트 방향을 알 수 없는 경우에만 권장됩니다.

6. draggable 속성은 요소를 드래그할 수 있는지 여부를 지정합니다.

값 설명

true 요소를 드래그할 수 있음을 지정합니다.

false는 요소를 드래그할 수 없음을 지정합니다.

auto 브라우저의 기본 기능을 사용합니다.

현재 Firefox, Chrome 및 Safari에서만 draggable 속성을 지원합니다.

7. dropzone 속성은 드래그한 데이터를 요소에 드래그 앤 드롭할 때 복사, 이동 또는 링크할지 여부를 지정합니다.

현재 주요 브라우저는 dropzone 속성을 지원하지 않습니다.

8.hidden 속성은 요소가 숨겨짐을 지정합니다.

hidden 속성은 HTML5의 새로운 속성입니다.

9. id 속성은 HTML 요소의 고유 ID를 지정합니다.

<html>  
<head>  
<script type="text/javascript">  
function change_header()  
{  
document.getElementById("myHeader").innerHTML="Nice day!";  
}  
</script>  
</head>  
  
<body>  
<h1 id="myHeader">Hello World!</h1>  
<button onclick="change_header()">改变文本</button>  
</body>  
  
</html>

10. lang 속성은 요소 콘텐츠의 언어를 지정합니다.

ISO 639-1은 다양한 언어에 대한 약어를 정의합니다. HTML 및 XHTML의 lang 및 xml:lang 속성에서 사용할 수 있습니다.

언어

ISO 코드

Abkhazian ab

Afar aa

아프리칸스어 af

Albanian sq

Amharic am

Arabic ar

Armenian hy as

Aymara ay

Azerbaijani az

Bashkir ba

Basque eu

Bengali(Bangla) bn

Bhutani dz

Bihari bh

Bislama bi

브르타뉴어 br

불가리아어 bg

버마어 내

벨로루시어(벨로루시어) be

캄보디아어 km

카탈로니아어 ca

체로키어

체와어

중국어(간체) en

코르시카어 co

크로아티아어 hr

체코어 cs

Danish da

Divehi

Dutch nl

Edo

English en 🎜>

Fiji fj

핀란드어

플라망어

프랑스어 fr

프리지아어 fy

Fulfulde

갈리시아어 gl

게일어( Scottish) gd

게일어(Manx) gv

Georgian ka

German de

Greek el

Greenlandic kl

과라니어 gn

구자라트어 gu Hindi hi

헝가리어 hu

Ibibio

아이슬란드어 is

Igbo

인도네시아어 id, in

Interua

Interlingue ie

Inuktitut iu

Inupiak ik

Irish ga

Italian it

Javanese

자바어

칸나다어 kn

카누리

카슈미르어 ks

카자흐어 kk

키냐르완다(르완다) g

Kirundi(Rundi) rn

Konkani

한국어 I

Kurdish I

라오스어 >

라트비아어(라트비아어) lv

림부르크어(Limburger) li

링갈라어 ln

리투아니아어 lt

마케드어

m 🎜🎜

말레이어 mg

말레이어 ms

말라얄람어 ml

몰타어 m t

마오리

마리

몰다비아 mo

몽골 mn

나우루 그리고

네프 알리 및

노르웨이어

오리야어 또는

오로모(아판, 갈라) om

파피아멘투

파슈토어(푸시토어) ps

Lis

🎜>포르투갈어 pt

펀자브어 pa

케추아어 qu

R 해토로맨스 rm

루마니아어 러시아어 >

🎜>사미어(라플란드어)

사모아어 sm

Sangro sg

산스크리트어 in

세르비아어 sr

🎜 >

세소토어 st

세츠와나어 tn

쇼나 sn

신디어 sd

신할라어 si 🎜 >슬로바키아어 sk

슬로베니아어 sl

소말리어 so

스팬 ish es

순다어 su

키스와힐리어

🎜> 스웨덴어 sv

시리아어

타갈로그어 tl

타지크어 tg

타마지트어

타밀어

tar tt

텔루구어 te

태국어 일

티베트어 bo

티그리냐 의

통가 에서

터키어 tr

투르크멘 tk

트위 tw

위구르어 ug

우크라이나어

우즈베크어 uz

Venda

베트남어 vi

Volapuk vo

웨일스어 cy

이디시어 yi,

요루바어 요

Zulu zu

체코어是否对元素

알려주고 싶다면

입력할 텍스트 추가

textarea 元素中的值

맞춤법 검사는 HTML5 맞춤법을 인쇄합니다.

十二、style 属性规定元素的行内样式（inline style）HTML4和HTML5无差异
十三、tabindex 属性规定当使用 "tab" 键进行导航时元素的顺序。

<!DOCTYPE HTML>  
<html>  
<body>  
  
<a href="http://www.w3school.com.cn/" tabindex="2">W3School</a><br />  
<a href="http://www.google.com/" tabindex="1">Google</a><br />  
<a href="http://www.microsoft.com/" tabindex="3">Microsoft</a>  
  
</body>  
</html>

十四、title 属性规定关于元素的额外信息

<!DOCTYPE HTML>  
<html>  
<body>  
  
<p><abbr title="世界卫生组织">WHO</abbr> 成立于 1948。</p>  
<p title="免费的 Web 教程">W3School.com.cn</pl>  
  
</body>  
</html>

HTML5 모바일 개발을 향한 Xiaoqiang의 길(13) - HTML5의 전역 속성

以上就是小强的HTML5移动开发之路（13）——HTML5中的全局属性的内容，更多相关内容请关注PHP中文网（www.php.cn）！

성명：

이전 기사：Xiaoqiang의 HTML5 모바일 개발 길(12) - 멀티미디어 태그에서 시작다음 기사：Xiaoqiang의 HTML5 모바일 개발 길(12) - 멀티미디어 태그에서 시작

HTML5 모바일 개발을 향한 Xiaoqiang의 길(13) - HTML5의 전역 속성

관련 기사