JQuery Mobile - Basic HTML Styles

HTML Formatting

jQuery Mobile에서 content를 styling 하는 기본 접근 방법은 아주 간단합니다. 손쉬운 방법을 사용하죠. 우리의 목표는 브라우저의 native rendering이 우선하도록 한다 입니다. 저희는 그냥 좀 더 읽기 편하도록 약간의 padding만 추가 합니다. 그리고 폰트 family와 색을 적용하기 위해 theming system를 사용합니다.

content styling을 하는 손쉬운 방법을 사용하면 디자이너나 개발자에게 아주 복잡한 style들을 분석하고 수정하도록 하는 대신 간단하고 깨끗한 clean slate를 제공하죠.

Default HTML markup styling

디폴트로 jQuery Mobile themes는 headers, paragraph content, block quotes, anchor links, standard ordered, unordered and definition lists, and tables 같은 표준 markup element들을 위한 스탠다드 HTML style과 size를 사용합니다. 아래에 그 예제들이 있습니다.

---

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading

H6 Heading

이것들은 strong, emphasized 그리고 linked text를 가지고 있는 paragraph 입니다. 아래에 좀 더 많은 text 가 있습니다. 여러분들은 어떻게 HTML markup이 content내에서 역할을 하는지 보실 수 있을 겁니다.

How about some blockquote action with a cite

This is another paragraph of text so you can see how HTML markup works in content. This is another paragraph of text so you can see how HTML markup works in content. This is another paragraph of text so you can see how HTML markup works in content.

저희는 테이블과 fieldset들에 좀 더 가독성 있도록 하기 위해 몇개의 style들을 추가했습니다. 이것들은 또한 쉽게 customs style들에 의해 override 될 수 있습니다.

• Unordered list item 1
• Unordered list item 1
• Unordered list item 1

1. Ordered list item 1
2. Ordered list item 1
3. Ordered list item 1

Definition term

I'm the definition text

Definition term

I'm the definition text

Travel Itinerary

Flight:	From:	To:
Total: 3 flights
JetBlue 983	Boston (BOS)	New York (JFK)
JetBlue 354	San Francisco (SFO)	Los Angeles (LAX)
JetBlue 465	New York (JFK)	Portland (PDX)