└── README.md
/README.md:
--------------------------------------------------------------------------------
1 | # HEAD
2 | 당신의 문서에 있는 `` 안에 들어갈 수 있는 모든 것의 목록
3 |
4 | ## 목차
5 |
6 | - [최소한의 권장 사항](#recommended-minimum)
7 | - [Elements](#elements)
8 | - [Meta](#meta)
9 | - [Meta: 권장하지 않는 사항](#meta-not-recommended)
10 | - [Link](#link)
11 | - [Link: 권장하지 않는 사항](#link-not-recommended)
12 | - [Favicons](#favicons)
13 | - [Social](#social)
14 | - [Facebook / Open Graph](#facebook--open-graph)
15 | - [Facebook / Instant Articles](#facebook--instant-articles)
16 | - [Twitter](#twitter)
17 | - [Google+ / Schema.org](#google--schemaorg)
18 | - [OEmbed](#oembed)
19 | - [Browsers / Platforms](#browsers--platforms)
20 | - [Apple iOS](#apple-ios)
21 | - [Apple Safari](#apple-safari)
22 | - [Google Android](#google-android)
23 | - [Google Chrome](#google-chrome)
24 | - [Microsoft Internet Explorer](#microsoft-internet-explorer)
25 | - [Microsoft Internet Explorer: Legacy, Do Not Use!](#microsoft-internet-explorer-legacy-do-not-use)
26 | - [Browsers (Chinese)](#browsers-chinese)
27 | - [360 Browser](#360-browser)
28 | - [QQ Mobile Browser](#qq-mobile-browser)
29 | - [UC Mobile Browser](#uc-mobile-browser)
30 | - [App Links](#app-links)
31 | - [Notes](#notes)
32 | - [Performance](#performance)
33 | - [Other Resources](#other-resources)
34 | - [Related Projects](#related-projects)
35 | - [Other Formats](#other-formats)
36 | - [Translations](#translations)
37 | - [Contributing](#contributing)
38 | - [Author](#author)
39 | - [License](#license)
40 |
41 |
42 | ## 최소한의 권장 사항
43 |
44 |
45 | 다음은 기본적인 웹 사이트의 필수 태그에 대한 최소 사항입니다.
46 |
47 | ```html
48 |
49 |
50 |
51 |
52 | Page Title
53 | ```
54 |
55 | ## Elements
56 |
57 | ``` html
58 |
59 | Page Title
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
71 |
72 |
73 |
74 |
75 | ```
76 |
77 | ## Meta
78 |
79 | ``` html
80 |
81 |
82 |
83 |
84 |
85 |
86 |
87 |
88 |
89 |
90 |
91 |
92 |
93 |
94 |
95 |
96 |
97 |
98 |
99 |
100 |
101 |
102 |
103 |
104 |
105 |
106 |
107 |
108 |
109 |
110 |
111 |
112 |
113 |
114 |
115 |
116 |
117 |
118 |
119 |
120 |
121 |
122 |
123 |
124 |
125 |
126 |
127 |
128 |
129 |
130 |
131 |
132 |
133 |
134 |
135 |
136 |
137 |
138 |
139 |
140 |
141 |
142 |
143 |
144 |
145 |
146 |
147 | ```
148 |
149 | - [Meta tags that Google understands](https://support.google.com/webmasters/answer/79812?hl=en)
150 | - [WHATWG Wiki: MetaExtensions](https://wiki.whatwg.org/wiki/MetaExtensions)
151 | - [ICBM on Wikipedia](https://en.wikipedia.org/wiki/ICBM_address#Modern_use)
152 | - [Geotagging on Wikipedia](https://en.wikipedia.org/wiki/Geotagging#HTML_pages)
153 |
154 |
155 | ### Meta: 권장하지 않는 사항
156 | 다음은 채택률이 낮거나 권장되지 않는 메타 속성입니다.
157 |
158 | ```html
159 |
160 |
161 |
162 |
163 |
164 |
165 |
166 |
167 |
168 |
169 |
170 |
171 |
172 |
173 |
174 |
175 |
176 |
177 |
178 |
179 |
180 |
181 |
182 |
183 |
184 |
185 |
186 |
187 |
188 |
189 |
190 |
191 |
192 |
193 |
194 |
195 |
196 |
197 |
198 |
199 |
200 |
201 |
202 |
203 |
204 |
205 |
206 |
207 |
208 |
209 |
210 |
211 | ```
212 |
213 | ## Links
214 |
215 | ``` html
216 |
217 |
218 |
219 |
220 |
221 |
222 |
223 |
224 |
225 |
226 |
227 |
228 |
229 |
230 |
231 |
232 |
233 |
234 |
235 |
236 |
237 |
238 |
239 |
240 |
241 |
242 |
243 |
244 |
245 |
246 |
247 |
248 |
249 |
250 |
251 |
252 |
253 |
254 |
255 |
256 |
257 |
258 |
259 |
260 |
261 |
262 |
263 |
264 |
265 |
266 |
267 |
268 |
269 |
270 |
271 |
272 |
273 |
274 |
275 |
276 |
277 |
278 |
279 |
280 |
281 |
282 |
283 |
284 |
285 |
286 |
287 |
288 |
289 |
290 |
291 |
292 | ```
293 |
294 | ### Link: 권장하지 않는 사항
295 | 다음은 사용을 권장하지 않는 링크와 관련된 내용입니다. :
296 |
297 | ```html
298 |
299 |
300 |
301 |
302 | ```
303 |
304 | ### Favicons
305 |
306 | ``` html
307 |
308 |
309 |
310 |
311 |
312 |
313 |
314 |
315 |
316 |
317 | ```
318 |
319 | - [All About Favicons (And Touch Icons)](https://bitsofco.de/all-about-favicons-and-touch-icons/)
320 | - [Favicon Cheat Sheet](https://github.com/audreyr/favicon-cheat-sheet)
321 |
322 | ## Social
323 |
324 | ### Facebook / Open Graph
325 |
326 | ``` html
327 |
328 |
329 |
330 |
331 |
332 |
333 |
334 |
335 |
336 |
337 |
338 | ```
339 |
340 | - [Facebook Open Graph Markup](https://developers.facebook.com/docs/sharing/webmasters#markup)
341 | - [Open Graph protocol](http://ogp.me/)
342 |
343 | ### Facebook / Instant Articles
344 |
345 | ``` html
346 |
347 |
348 |
349 |
350 |
351 |
352 |
353 |
354 | ```
355 |
356 | - [Facebook Instant Articles: Creating Articles](https://developers.facebook.com/docs/instant-articles/guides/articlecreate)
357 | - [Instant Articles: Format Reference](https://developers.facebook.com/docs/instant-articles/reference)
358 |
359 | ### Twitter
360 |
361 | ``` html
362 |
363 |
364 |
365 |
366 |
367 |
368 |
369 |
370 |
371 | ```
372 |
373 | - [Twitter Cards: Getting Started Guide](https://dev.twitter.com/cards/getting-started)
374 | - [Twitter Card Validator](https://cards-dev.twitter.com/validator)
375 |
376 | ### Google+ / Schema.org
377 |
378 | ``` html
379 |
380 |
381 |
382 |
383 | ```
384 |
385 | ### Pinterest
386 |
387 | 여기에 따르면 [to their help center](https://help.pinterest.com/en/articles/prevent-people-saving-things-pinterest-your-site) Pinterest는 사람들이 당신의 웹 사이트에서 정보를 저장하지 못하게 합니다. `description`은 선택 사항입니다.
388 |
389 | ``` html
390 |
391 | ```
392 |
393 | ### OEmbed
394 |
395 | ``` html
396 |
399 |
402 | ```
403 |
404 | - [oEmbed format](http://oembed.com/)
405 |
406 | ## Browsers / Platforms
407 |
408 | ### Apple iOS
409 |
410 | ``` html
411 |
412 |
413 |
414 |
415 |
416 |
417 |
418 |
419 |
420 |
421 |
422 |
423 |
424 |
425 |
426 |
427 |
428 |
429 |
430 |
431 |
432 |
433 |
434 |
435 |
436 |
437 |
438 |
439 |
440 |
441 | ```
442 |
443 | - [Apple Meta Tags](https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html)
444 |
445 | ### Apple Safari
446 |
447 | ```html
448 |
449 |
450 | ```
451 |
452 | ### Google Android
453 |
454 | ``` html
455 |
456 |
457 |
458 |
459 |
460 |
461 |
462 |
463 |
464 | ```
465 |
466 | ### Google Chrome
467 |
468 | ``` html
469 |
470 |
471 |
472 |
473 | ```
474 | ### Google Chrome Mobile (Android Only)
475 |
476 | Chrome 31 이후로 웹 앱을 Safari와 같은 '앱 모드'로 설정할 수 있습니다.
477 |
478 | ``` html
479 |
480 |
481 |
482 |
483 |
484 |
485 |
486 |
487 |
488 |
489 |
490 |
491 |
492 | ```
493 |
494 | [Google Developer](https://developer.chrome.com/multidevice/android/installtohomescreen)
495 |
496 | ### Microsoft Internet Explorer
497 |
498 | ``` html
499 |
500 |
501 |
502 |
503 |
504 |
505 |
506 |
507 |
508 |
509 |
510 |
511 |
512 |
513 |
514 |
515 |
516 |
517 |
518 |
519 |
520 |
521 |
522 |
523 |
524 |
525 |
526 |
527 | ```
528 |
529 | ### Microsoft Internet Explorer: Legacy, 절대 사용하지 마세요!
530 |
531 | ``` html
532 |
533 |
534 |
535 |
536 |
537 |
538 |
539 |
540 |
541 |
542 |
543 |
544 |
545 |
546 | ```
547 |
548 | ## App Links
549 |
550 | ``` html
551 |
552 |
553 |
554 |
555 |
556 |
557 |
558 |
559 |
560 |
561 |
562 | ```
563 |
564 | - [App Links Docs](http://applinks.org/documentation/)
565 |
566 | ## Browsers (Chinese)
567 |
568 | ### 360 Browser
569 |
570 | ``` html
571 |
572 |
573 | ```
574 |
575 | ### QQ Mobile Browser
576 |
577 | ``` html
578 |
579 |
580 |
581 |
582 |
583 |
584 | ```
585 |
586 | ### UC Mobile Browser
587 |
588 | ``` html
589 |
590 |
591 |
592 |
593 |
594 |
595 |
596 |
597 |
598 |
599 |
600 |
601 |
602 |
603 | ```
604 |
605 | - [UC Browser Docs](http://www.uc.cn/download/UCBrowser_U3_API.doc)
606 |
607 | ## Notes
608 |
609 | ### Performance
610 |
611 | `href` 속성을 요소의 시작 부분으로 옮기면 GZIP이 활성화되었을 때 압축이 향상됩니다. (`href` 속성이 `a`,`base` 와 `link` 태그에서 사용될 때)
612 |
613 | Example:
614 |
615 | ``` html
616 |
617 | ```
618 |
619 | ## Other Resources
620 |
621 | - [HTML5 Boilerplate Docs: The HTML](https://github.com/h5bp/html5-boilerplate/blob/master/dist/doc/html.md)
622 | - [HTML5 Boilerplate Docs: Extend and customize](https://github.com/h5bp/html5-boilerplate/blob/master/dist/doc/extend.md)
623 |
624 | ## Related Projects
625 |
626 | - [Atom HTML Head Snippets](https://github.com/joshbuchea/atom-html-head-snippets) - `HEAD` 스니펫을 위한 Atom 패키지
627 | - [Sublime Text HTML Head Snippets](https://github.com/marcobiedermann/sublime-head-snippets) - `HEAD` 스니펫을 위한 Sublime Text 패키지
628 | - [head-it](https://github.com/hemanth/head-it) - `HEAD` 스니펫을 위한 CLI 인터페이스
629 | - [vue-head](https://github.com/ktquez/vue-head) - Vue.js에 대한`HEAD` 태그의 메타 정보 조작
630 |
631 | ## Other Formats
632 |
633 | - [PDF](https://gitprint.com/joshbuchea/HEAD/blob/master/README.md)
634 |
635 | ## Translations
636 |
637 | - [Brazilian Portuguese](https://github.com/Webschool-io/HEAD)
638 | - [Chinese (Simplified)](https://github.com/Amery2010/HEAD)
639 | - [Italian](https://github.com/Fakkio/HEAD)
640 | - [Japanese](http://coliss.com/articles/build-websites/operation/work/collection-of-html-head-elements.html)
641 | - [Russian/Русский](https://github.com/Konfuze/HEAD)
642 | - [Turkish/Türkçe](https://github.com/mkg0/HEAD)
643 | - [Korean](https://github.com/lutece/HEAD)
644 |
645 | ## Contributing
646 |
647 | Open an issue or a pull request to suggest changes or additions.
648 |
649 | Please follow these steps for pull requests:
650 |
651 | - Modify only one tag, or one related set of tags at a time
652 | - Use double quotes on attributes
653 | - Don't include a trailing slash in self-closing elements — the HTML5 spec says they're optional
654 | - Consider including a link to documentation that supports your change
655 |
656 | ### Contributors
657 |
658 | Check out all the super awesome [contributors](https://github.com/joshbuchea/HEAD/graphs/contributors).
659 |
660 | ## Author
661 |
662 | **[Josh Buchea](http://joshbuchea.com/)**
663 |
664 | ## License
665 |
666 | [](http://creativecommons.org/publicdomain/zero/1.0/)
667 |
668 | To the extent possible under law, [Josh Buchea](http://joshbuchea.com) has waived all copyright and related or neighboring rights to this work.
669 |
--------------------------------------------------------------------------------