HTML docuK format ver. 2.1, short copiable version (2023-05-30)

HTML docuK format ver. 2.1 short copiable version (2014-06-25)

개인적으로 만들고 있는 LaTeX 비슷한 형태의 HTML document format + JavaScript. 이름은 그냥 docuK로 'document designed by kipid'란 뜻.

When you write the HTML document including docuK document also, using good editors such as Sublime Text editor with Emmet (ex-Zen Coding) package installed is highly recommended. Try useful shortkeys 'Ctrl+D' (Multiple Selections and Simultaneous Multiple Edit. 'Ctrl+K, D': skip the current selection. 'Ctrl+U': soft undo. 'Ctrl+Shift+U': soft redo.), 'Ctrl+P' (Go to Anything. 'Ctrl+R':go to Symbols (id). 'Ctrl+G':go to Line.), and emmet style typings (Watch the demo video in the link).

Posting History

• 2014-??-??: First Posting.

Table of Contents

section

citing the reference

subsection

subsubsection

citing the reference

Equations, Figures, and Code printing

Equation

equations: g(a).   사용: $f(x)$ $= x^4$ $+ 3 x^3$ $- 8 x^2$ $+ x$ $- 5$, and   사용: $f(x)$ $= x^4$ $+ 3 x^3$ $- 8 x^2$ $+ x$ $- 5$, dollar 표시로만 구분: $f(x)$$= x^4$$+ 3 x^3$$- 8 x^2$$+ x$$- 5$, and 구분없이: $f(x)= x^4+ 3 x^3- 8 x^2+ x- 5$. f(x) Refering equations

Comment/BeCareFul box

This is cmt box.

This is cmt box.

This is cmt box.

This is bcf box.

This is bcf box.

This is bcf box.

Figures

border formatting.

Elements with disableQ0 class remove <!-- --> inside them only when deviceWidth>321. This is for Galaxy S (or old smartphones) problem like unexpected scrollTop.

iframe youtube 동영상 with fixed ratio. And border formatting

Refering figures

Printing code

Syntax Highlighting of Programming Codes. Code to be printed is here.

Opening Sources

docuK CSS style

docuK HTML document

docuK SCRIPT (JavaScript including jQuery, MathJax, and Google code prettyfier)

References and Related Articles

Main

1. kipid's blog - HTML docuK format ver. 2.1
2. kipid's blog - docuK short copiable version;
   // Updated regularly by the current html file. If you see this in kipid's blog, this is the link you are seeing.
3. github.com - kipid - docuK

Supported by

4. jQuery.com; and jQuery - download;
   // JavaScript enhancer
5. MathJax.org; and MathJax Documentation - latest; and The Core Configuration Options; and The MathJax.Hub Object;
   // Math renderer.
6. Google Code Prettify and Getting Started;
   // Code prettyfier.

subsection

7. kipid's blog - LaTeX(라텍스, 레이텍) 소개 및 설명서(Guide)들
8. kipid's blog - Citing the references automatically in HTML (like LaTeX); ref는 id를 부여하고 (보통 구분을 확실히 하기 위해 "ref-"를 prefix로 붙임.) cite tag with class로 cite함. 이후 자동으로 parsing.
9. kipid's blog - 인터넷, Web, HTML, 블로그에서 수식 사용하기 (Equation or math in HTML, blog)
10. kipid's blog - 인터넷에서 예쁘게 코드 입력하기 (google code prettify)
11. kipid's blog - Customized styling of scroll bars in HTML, 2014-05-25
12. kipid's blog - Improving web performance
13. kipid's blog - Delayed Loading in HTML by JavaScript (+jQuery)