{"id":9276,"date":"2026-01-29T18:28:23","date_gmt":"2026-01-29T15:28:23","guid":{"rendered":"https:\/\/1.cbm.ua\/?page_id=9276"},"modified":"2026-02-04T19:11:39","modified_gmt":"2026-02-04T16:11:39","slug":"v2-%d1%81%d0%ba%d1%80%d0%b8%d0%bf%d1%82-%d0%b4%d0%bb%d1%8f-%d1%81%d0%be%d0%b7%d0%b4%d0%b0%d0%bd%d0%b8%d1%8f-%d1%82%d0%b0%d0%b1%d0%bb%d0%b8%d1%86%d1%8b-%d1%81-%d0%be%d0%b7%d0%b2%d1%83%d1%87%d0%ba-2","status":"publish","type":"page","link":"https:\/\/1.cbm.ua\/?page_id=9276","title":{"rendered":"_v3 \u0421\u043a\u0440\u0438\u043f\u0442 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0442\u0430\u0431\u043b\u0438\u0446\u044b \u0441 \u043e\u0437\u0432\u0443\u0447\u043a\u043e\u0439 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0441 \u0441\u0438\u043b\u044c\u043d\u044b\u043c\u0438 \u0433\u043b\u0430\u0433\u043e\u043b\u0430\u043c\u0438). \u0426\u0435\u043b\u044c \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0441\u043e \u0437\u0432\u0443\u043a\u043e\u043c \u0438 \u043f\u043e\u0442\u043e\u043c \u043c\u043d\u043e\u0433\u043e\u043a\u0440\u0430\u0442\u043d\u043e \u0441 \u044d\u0442\u0438\u043c \u0440\u0430\u0431\u043e\u0442\u0430."},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">v3<\/p>\n\n\n\n<style>\n\n* {\n    box-sizing: border-box;\n}\n\n:root {\n    --primary: #4a6fa5;\n    --primary-dark: #3a5a8a;\n    --primary-light: #e8f0fa;\n    --accent: #5cb85c;\n    --accent-dark: #4a9a4a;\n    --danger: #d9534f;\n    --text: #333;\n    --text-muted: #666;\n    --bg: #f8fafc;\n    --card-bg: #fff;\n    --border: #dde4ed;\n    --shadow: 0 2px 8px rgba(0,0,0,0.08);\n    --radius: 8px;\n}\n\nbody {\n    max-width: 960px;\n    margin: 0 auto;\n    padding: 20px 24px 40px;\n    background: var(--bg);\n    color: var(--text);\n    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\n    font-size: 15px;\n    line-height: 1.5;\n}\n\nh2 {\n    color: var(--primary-dark);\n    font-weight: 600;\n    margin: 0 0 20px;\n    padding-bottom: 12px;\n    border-bottom: 3px solid var(--primary);\n}\n\nlabel {\n    display: block;\n    margin: 8px 0 4px;\n    font-weight: 500;\n    color: var(--text);\n}\n\ntextarea {\n    width: 100%;\n    min-height: 160px;\n    padding: 12px;\n    font-family: 'Consolas', 'Monaco', monospace;\n    font-size: 14px;\n    border: 2px solid var(--border);\n    border-radius: var(--radius);\n    background: var(--card-bg);\n    resize: vertical;\n    transition: border-color 0.2s, box-shadow 0.2s;\n}\n\ntextarea:focus {\n    outline: none;\n    border-color: var(--primary);\n    box-shadow: 0 0 0 3px var(--primary-light);\n}\n\ntextarea::placeholder {\n    color: #999;\n}\n\ninput[type=\"text\"] {\n    padding: 8px 12px;\n    font-family: 'Consolas', 'Monaco', monospace;\n    font-size: 14px;\n    border: 2px solid var(--border);\n    border-radius: 6px;\n    background: var(--card-bg);\n    transition: border-color 0.2s, box-shadow 0.2s;\n}\n\ninput[type=\"text\"]:focus {\n    outline: none;\n    border-color: var(--primary);\n    box-shadow: 0 0 0 3px var(--primary-light);\n}\n\ninput[type=\"checkbox\"] {\n    width: 18px;\n    height: 18px;\n    margin-right: 6px;\n    accent-color: var(--primary);\n    cursor: pointer;\n}\n\nselect {\n    padding: 8px 12px;\n    font-size: 14px;\n    border: 2px solid var(--border);\n    border-radius: 6px;\n    background: var(--card-bg);\n    cursor: pointer;\n    transition: border-color 0.2s;\n}\n\nselect:focus {\n    outline: none;\n    border-color: var(--primary);\n}\n\nbutton {\n    padding: 10px 20px;\n    font-size: 14px;\n    font-weight: 600;\n    border: none;\n    border-radius: 6px;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n\n#\u043a\u043d\u043e\u043f\u043a\u0430\u041e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c {\n    float: right;\n    background: linear-gradient(135deg, var(--primary), var(--primary-dark));\n    color: white;\n    box-shadow: 0 2px 6px rgba(74, 111, 165, 0.3);\n}\n\n#\u043a\u043d\u043e\u043f\u043a\u0430\u041e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 4px 12px rgba(74, 111, 165, 0.4);\n}\n\n#\u043a\u043d\u043e\u043f\u043a\u0430\u0412\u0441\u0442\u0430\u0432\u0438\u0442\u044c\u0418\u0437\u0411\u0443\u0444\u0435\u0440\u0430 {\n    background: var(--accent);\n    color: white;\n}\n\n#\u043a\u043d\u043e\u043f\u043a\u0430\u0412\u0441\u0442\u0430\u0432\u0438\u0442\u044c\u0418\u0437\u0411\u0443\u0444\u0435\u0440\u0430:hover {\n    background: var(--accent-dark);\n}\n\n#\u043a\u043d\u043e\u043f\u043a\u0430\u041e\u0447\u0438\u0441\u0442\u0438\u0442\u044c {\n    background: #f0f0f0;\n    color: var(--text);\n    border: 1px solid var(--border);\n}\n\n#\u043a\u043d\u043e\u043f\u043a\u0430\u041e\u0447\u0438\u0441\u0442\u0438\u0442\u044c:hover {\n    background: #e0e0e0;\n}\n\n#\u043a\u043d\u043e\u043f\u043a\u0430\u0421\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 {\n    background: #6c757d;\n    color: white;\n}\n\n#\u043a\u043d\u043e\u043f\u043a\u0430\u0421\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438:hover {\n    background: #5a6268;\n}\n\n#\u043a\u043d\u043e\u043f\u043a\u0430\u0421\u0431\u0440\u043e\u0441\u0438\u0442\u044c\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 {\n    background: #dc3545;\n    color: white;\n}\n\n#\u043a\u043d\u043e\u043f\u043a\u0430\u0421\u0431\u0440\u043e\u0441\u0438\u0442\u044c\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438:hover {\n    background: #c82333;\n}\n\n#\u043a\u043d\u043e\u043f\u043a\u0430\u0412\u044b\u0433\u0440\u0443\u0437\u0438\u0442\u044c {\n    background: linear-gradient(135deg, #f0ad4e, #ec971f);\n    color: white;\n}\n\n#\u043a\u043d\u043e\u043f\u043a\u0430\u0412\u044b\u0433\u0440\u0443\u0437\u0438\u0442\u044c:hover {\n    background: linear-gradient(135deg, #ec971f, #d58512);\n}\n\n.\u043f\u043e\u043b\u0435-\u0438\u043d\u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f {\n    margin-top: 16px;\n    padding: 12px 16px;\n    border-radius: var(--radius);\n    background: var(--primary-light);\n    border-left: 4px solid var(--primary);\n    font-weight: 500;\n    color: var(--primary-dark);\n}\n\n\/* \u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 *\/\n.\u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    padding: 20px;\n}\n\n\/* \u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u043a\u0430\u043a \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0431\u043b\u043e\u043a (\u043d\u0435 \u0432\u043d\u0443\u0442\u0440\u0438 details) *\/\nbody > .\u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 {\n    margin: 16px 0;\n    background: var(--card-bg);\n    border-radius: var(--radius);\n    box-shadow: var(--shadow);\n}\n\n.\u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 > div {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    align-items: center;\n    padding-bottom: 12px;\n    border-bottom: 1px solid var(--border);\n}\n\n.\u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 > div:last-child {\n    padding-bottom: 0;\n    border-bottom: none;\n}\n\n.\u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 label {\n    display: inline-flex;\n    align-items: center;\n    margin: 0;\n    font-weight: 400;\n    cursor: pointer;\n}\n\n.\u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 > div > div {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.\u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430-\u0438\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0439 {\n    width: 100%;\n    padding-top: 12px;\n    border-top: 1px solid var(--border);\n}\n\n.\u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430-\u0438\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0439 label {\n    display: block;\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.\u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430-\u0438\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0439 textarea {\n    width: 100%;\n    min-height: 60px;\n    padding: 8px;\n    font-family: monospace;\n    font-size: 13px;\n    border: 1px solid var(--border);\n    border-radius: 4px;\n    resize: vertical;\n}\n\n\/* \u041a\u043d\u043e\u043f\u043a\u0438 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439 *\/\nbody > button {\n    margin: 4px 8px 4px 0;\n}\n\n\/* \u0422\u0430\u0431\u043b\u0438\u0446\u0430 *\/\ntable {\n    width: 100%;\n    border-collapse: collapse;\n    margin-top: 20px;\n    background: var(--card-bg);\n    border-radius: var(--radius);\n    overflow: hidden;\n    box-shadow: var(--shadow);\n}\n\nth, td {\n    padding: 12px 14px;\n    text-align: left;\n    white-space: pre-wrap;\n    border-bottom: 1px solid var(--border);\n}\n\nth {\n    background: linear-gradient(135deg, var(--primary), var(--primary-dark));\n    color: white;\n    font-weight: 600;\n    text-transform: uppercase;\n    font-size: 12px;\n    letter-spacing: 0.5px;\n}\n\ntr:hover td {\n    background: var(--primary-light);\n}\n\ntr:last-child td {\n    border-bottom: none;\n}\n\ntd:first-child {\n    color: var(--text-muted);\n    font-weight: 500;\n    text-align: center;\n    width: 50px;\n}\n\n\/* \u0424\u0440\u0430\u0437\u044b \u0438 \u043a\u043d\u043e\u043f\u043a\u0438 \u0432\u043e\u0441\u043f\u0440\u043e\u0438\u0437\u0432\u0435\u0434\u0435\u043d\u0438\u044f *\/\n.phrase-text {\n    color: var(--primary-dark);\n    font-weight: 500;\n}\n\n.play-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    padding: 0;\n    margin-right: 8px;\n    cursor: pointer;\n    vertical-align: middle;\n    background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n    border: none;\n    border-radius: 50%;\n    color: white;\n    transition: all 0.2s;\n    box-shadow: 0 2px 4px rgba(92, 184, 92, 0.3);\n}\n\n.play-btn:hover {\n    transform: scale(1.1);\n    box-shadow: 0 4px 8px rgba(92, 184, 92, 0.4);\n}\n\n.play-btn svg {\n    width: 12px;\n    height: 12px;\n    fill: white;\n}\n\n\/* \u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0433\u043e\u043b\u043e\u0441\u043e\u0432 *\/\n.\u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438-\u0433\u043e\u043b\u043e\u0441\u043e\u0432 {\n    margin: 16px 0;\n    background: var(--card-bg);\n    border: none;\n    border-radius: var(--radius);\n    box-shadow: var(--shadow);\n    overflow: hidden;\n}\n\n.\u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438-\u0433\u043e\u043b\u043e\u0441\u043e\u0432 summary {\n    cursor: pointer;\n    font-weight: 600;\n    padding: 14px 20px;\n    background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n    border-bottom: 1px solid var(--border);\n    transition: background 0.2s;\n}\n\n.\u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438-\u0433\u043e\u043b\u043e\u0441\u043e\u0432 summary:hover {\n    background: #e9ecef;\n}\n\n.\u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438-\u0433\u043e\u043b\u043e\u0441\u043e\u0432[open] summary {\n    border-bottom: 1px solid var(--border);\n}\n\n.\u0433\u043e\u043b\u043e\u0441\u0430-\u0441\u0435\u0442\u043a\u0430 {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n    padding: 20px;\n}\n\n.\u0433\u043e\u043b\u043e\u0441\u0430-\u0441\u0435\u0442\u043a\u0430 > div {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.\u0433\u043e\u043b\u043e\u0441\u0430-\u0441\u0435\u0442\u043a\u0430 label {\n    font-size: 13px;\n    color: var(--text-muted);\n    margin: 0;\n}\n\n.\u0433\u043e\u043b\u043e\u0441\u0430-\u0441\u0435\u0442\u043a\u0430 select {\n    width: 100%;\n}\n\n\/* \u041f\u0430\u043d\u0435\u043b\u044c \u0432\u044b\u0433\u0440\u0443\u0437\u043a\u0438 *\/\n.\u043f\u0430\u043d\u0435\u043b\u044c-\u0432\u044b\u0433\u0440\u0443\u0437\u043a\u0438 {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    align-items: center;\n    margin: 16px 0;\n    padding: 16px 20px;\n    background: var(--card-bg);\n    border-radius: var(--radius);\n    box-shadow: var(--shadow);\n}\n\n.\u043f\u0430\u043d\u0435\u043b\u044c-\u0432\u044b\u0433\u0440\u0443\u0437\u043a\u0438 label {\n    display: inline-flex;\n    align-items: center;\n    margin: 0;\n    font-weight: 400;\n    cursor: pointer;\n}\n\n.\u043f\u0430\u043d\u0435\u043b\u044c-\u0432\u044b\u0433\u0440\u0443\u0437\u043a\u0438 .\u043f\u043e\u043b\u0435-\u044d\u0442\u0430\u043f\u0430 {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-left: auto;\n}\n\n\/* \u041e\u0448\u0438\u0431\u043a\u0438 *\/\n.\u043e\u0448\u0438\u0431\u043a\u0438 {\n    margin-top: 20px;\n    padding: 20px;\n    background: #fef2f2;\n    border: none;\n    border-radius: var(--radius);\n    border-left: 4px solid var(--danger);\n    box-shadow: var(--shadow);\n}\n\n.\u043e\u0448\u0438\u0431\u043a\u0438 h3 {\n    margin: 0 0 16px 0;\n    color: var(--danger);\n    font-size: 16px;\n}\n\n.\u043e\u0448\u0438\u0431\u043a\u0438 ul {\n    margin: 0;\n    padding-left: 0;\n    list-style: none;\n}\n\n.\u043e\u0448\u0438\u0431\u043a\u0438 li {\n    margin-bottom: 16px;\n    padding: 12px;\n    background: white;\n    border-radius: 6px;\n    border: 1px solid #fecaca;\n}\n\n.\u043e\u0448\u0438\u0431\u043a\u0438 li:last-child {\n    margin-bottom: 0;\n}\n\n.\u043e\u0448\u0438\u0431\u043a\u0438 code {\n    display: block;\n    margin-top: 8px;\n    padding: 10px;\n    background: #fef2f2;\n    border: 1px solid #fecaca;\n    border-radius: 4px;\n    font-family: 'Consolas', 'Monaco', monospace;\n    font-size: 13px;\n    white-space: pre-wrap;\n    word-break: break-all;\n}\n\n\/* \u041a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0442\u0430\u0431\u043b\u0438\u0446\u044b *\/\n#\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0422\u0430\u0431\u043b\u0438\u0446\u044b {\n    margin-top: 20px;\n}\n\n#\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0422\u0430\u0431\u043b\u0438\u0446\u044b p {\n    padding: 40px;\n    text-align: center;\n    color: var(--text-muted);\n    background: var(--card-bg);\n    border-radius: var(--radius);\n    box-shadow: var(--shadow);\n}\n\n\/* \u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c *\/\n@media (max-width: 640px) {\n    body {\n        padding: 16px;\n    }\n\n    .\u0433\u043e\u043b\u043e\u0441\u0430-\u0441\u0435\u0442\u043a\u0430 {\n        grid-template-columns: 1fr;\n    }\n\n    .\u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 > div {\n        flex-direction: column;\n        align-items: flex-start;\n    }\n\n    .\u043f\u0430\u043d\u0435\u043b\u044c-\u0432\u044b\u0433\u0440\u0443\u0437\u043a\u0438 {\n        flex-direction: column;\n        align-items: flex-start;\n    }\n\n    .\u043f\u0430\u043d\u0435\u043b\u044c-\u0432\u044b\u0433\u0440\u0443\u0437\u043a\u0438 select {\n        margin-left: 0;\n        width: 100%;\n    }\n}\n\n<\/style>\n\n\n\n<h2>\u041e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0434\u0430\u043d\u043d\u044b\u0445 JSON\/CSV<\/h2>\n\n    <label for=\"\u043f\u043e\u043b\u0435\u0412\u0432\u043e\u0434\u0430\u0414\u0430\u043d\u043d\u044b\u0445\">\u0414\u0430\u043d\u043d\u044b\u0435 (JSON \u0438\u043b\u0438 CSV):<\/label>\n    <textarea id=\"\u043f\u043e\u043b\u0435\u0412\u0432\u043e\u0434\u0430\u0414\u0430\u043d\u043d\u044b\u0445\" placeholder=\"\u0412\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 \u0444\u043e\u0440\u043c\u0430\u0442\u0435 JSON \u0438\u043b\u0438 CSV...\"><\/textarea>\n\n    <button id=\"\u043a\u043d\u043e\u043f\u043a\u0430\u041e\u0447\u0438\u0441\u0442\u0438\u0442\u044c\">\ud83d\uddd1\ufe0f \u041e\u0447\u0438\u0441\u0442\u0438\u0442\u044c<\/button>\n    <button id=\"\u043a\u043d\u043e\u043f\u043a\u0430\u0412\u0441\u0442\u0430\u0432\u0438\u0442\u044c\u0418\u0437\u0411\u0443\u0444\u0435\u0440\u0430\">\ud83d\udccb \u0412\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0438\u0437 \u0431\u0443\u0444\u0435\u0440\u0430<\/button>\n    <button id=\"\u043a\u043d\u043e\u043f\u043a\u0430\u0420\u0430\u0437\u0431\u0438\u0442\u044c\u041d\u0430\u041f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f\">\ud83d\udcdd \u0422\u0435\u043a\u0441\u0442 \u2192 \u041f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f<\/button>\n    <button id=\"\u043a\u043d\u043e\u043f\u043a\u0430\u041e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c\">\u0414\u0430\u043d\u043d\u044b\u0435 \u2192 \u0422\u0430\u0431\u043b\u0438\u0446\u0430 + \ud83d\udd0a<\/button>\n\n\n    <details class=\"\u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438-\u0433\u043e\u043b\u043e\u0441\u043e\u0432\">\n        <summary>\u2699\ufe0f \u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438<\/summary>\n        <div class=\"\u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438\">\n            <div>\n                <div>\n                    <label>\n                        <input type=\"checkbox\" id=\"csv\u041f\u0435\u0440\u0432\u0430\u044f\u0421\u0442\u0440\u043e\u043a\u0430\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438\" checked>\n                        CSV: \u043f\u0435\u0440\u0432\u0430\u044f \u0441\u0442\u0440\u043e\u043a\u0430 \u2014 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438\n                    <\/label>\n                <\/div>\n\n                <div>\n                    <label for=\"csv\u0420\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435\u043b\u044c\">\u0420\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435\u043b\u044c CSV:<\/label>\n                    <input type=\"text\" id=\"csv\u0420\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435\u043b\u044c\" value=\"|||\" maxlength=\"5\" style=\"width: 60px; padding: 4px; font-family: monospace;\">\n                <\/div>\n\n                <div>\n                    <label for=\"csv\u042d\u043a\u0440\u0430\u043d\u0420\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435\u043b\u044f\">\u042d\u043a\u0440\u0430\u043d \u0434\u043b\u044f \u0420\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435\u043b\u044f CSV:<\/label>\n                    <input type=\"text\" id=\"csv\u042d\u043a\u0440\u0430\u043d\u0420\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435\u043b\u044f\" value=\"wwwwwwww1\" style=\"width: 100px; padding: 4px; font-family: monospace;\">\n                <\/div>\n            <\/div>\n            <div>\n                <div>\n                    <label>\n                        <input type=\"checkbox\" id=\"csv\u0415\u0441\u0442\u044c\u041e\u0431\u0440\u0430\u043c\u043b\u0435\u043d\u0438\u0435\" checked>\n                        CSV: \u0442\u0435\u043a\u0441\u0442 \u044f\u0447\u0435\u0435\u043a \u043e\u0431\u0440\u0430\u043c\u043b\u0451\u043d\n                    <\/label>\n                <\/div>\n\n                <div>\n                    <label for=\"csv\u0421\u0438\u043c\u0432\u043e\u043b\u041e\u0431\u0440\u0430\u043c\u043b\u0435\u043d\u0438\u044f\">\u0421\u0438\u043c\u0432\u043e\u043b \u043e\u0431\u0440\u0430\u043c\u043b\u0435\u043d\u0438\u044f:<\/label>\n                    <input type=\"text\" id=\"csv\u0421\u0438\u043c\u0432\u043e\u043b\u041e\u0431\u0440\u0430\u043c\u043b\u0435\u043d\u0438\u044f\" value=\"`\" maxlength=\"5\" style=\"width: 60px; padding: 4px; font-family: monospace;\">\n                <\/div>\n\n                <div>\n                    <label for=\"csv\u042d\u043a\u0440\u0430\u043d\u041e\u0431\u0440\u0430\u043c\u043b\u0435\u043d\u0438\u044f\">\u042d\u043a\u0440\u0430\u043d \u0434\u043b\u044f \u0421\u0438\u043c\u0432\u043e\u043b\u0430 \u043e\u0431\u0440\u0430\u043c\u043b\u0435\u043d\u0438\u044f:<\/label>\n                    <input type=\"text\" id=\"csv\u042d\u043a\u0440\u0430\u043d\u041e\u0431\u0440\u0430\u043c\u043b\u0435\u043d\u0438\u044f\" value=\"wwwwwwww2\" style=\"width: 100px; padding: 4px; font-family: monospace;\">\n                <\/div>\n            <\/div>\n            <div>\n                <div>\n                    <label for=\"\u0441\u0438\u043c\u0432\u043e\u043b\u0417\u0432\u0443\u043a\u0421\u0442\u0430\u0440\u0442\">\u0421\u0438\u043c\u0432\u043e\u043b \u043d\u0430\u0447\u0430\u043b\u0430 \u0437\u0432\u0443\u043a\u0430:<\/label>\n                    <input type=\"text\" id=\"\u0441\u0438\u043c\u0432\u043e\u043b\u0417\u0432\u0443\u043a\u0421\u0442\u0430\u0440\u0442\" value=\"\ud83d\udd0a\" style=\"width: 60px; padding: 4px; font-family: monospace;\">\n                <\/div>\n\n                <div>\n                    <label for=\"\u0441\u0438\u043c\u0432\u043e\u043b\u0417\u0432\u0443\u043a\u0421\u0442\u043e\u043f\">\u0421\u0438\u043c\u0432\u043e\u043b \u043a\u043e\u043d\u0446\u0430 \u0437\u0432\u0443\u043a\u0430:<\/label>\n                    <input type=\"text\" id=\"\u0441\u0438\u043c\u0432\u043e\u043b\u0417\u0432\u0443\u043a\u0421\u0442\u043e\u043f\" value=\"\ud83d\udd07\" style=\"width: 60px; padding: 4px; font-family: monospace;\">\n                <\/div>\n                <div>\n                    <label for=\"\u0432\u044b\u0431\u043e\u0440\u042f\u0437\u044b\u043a\u043e\u0432\">\u042f\u0437\u044b\u043a\u0438:<\/label>\n                    <select id=\"\u0432\u044b\u0431\u043e\u0440\u042f\u0437\u044b\u043a\u043e\u0432\">\n                        <option value=\"de+ru\">de + ru<\/option>\n                        <option value=\"en+ru\">en + ru<\/option>\n                    <\/select>\n                <\/div>\n            <\/div>\n            <div class=\"\u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430-\u0438\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0439\">\n                <label for=\"\u0438\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f\u0420\u0430\u0437\u0431\u0438\u0432\u043a\u0438\">\u041d\u0435 \u0440\u0430\u0437\u0431\u0438\u0432\u0430\u0442\u044c \u043f\u043e\u0441\u043b\u0435:<\/label>\n                <textarea id=\"\u0438\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f\u0420\u0430\u0437\u0431\u0438\u0432\u043a\u0438\" rows=\"3\" placeholder=\"\u0438 \u0442.\u0434., \u0442.\u0435., e.g., z.B. ...\"><\/textarea>\n            <\/div>\n        <\/div>\n    <\/details>\n\n    <details class=\"\u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438-\u0433\u043e\u043b\u043e\u0441\u043e\u0432\">\n        <summary>\ud83c\udfa4 \u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0433\u043e\u043b\u043e\u0441\u043e\u0432<\/summary>\n        <div class=\"\u0433\u043e\u043b\u043e\u0441\u0430-\u0441\u0435\u0442\u043a\u0430\">\n            <div>\n                <label for=\"\u0433\u043e\u043b\u043e\u0441_de\">\u041d\u0435\u043c\u0435\u0446\u043a\u0438\u0439 (de):<\/label>\n                <select id=\"\u0433\u043e\u043b\u043e\u0441_de\"><option value=\"\">\u0410\u0432\u0442\u043e<\/option><\/select>\n            <\/div>\n            <div>\n                <label for=\"\u0433\u043e\u043b\u043e\u0441_en\">\u0410\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u0438\u0439 (en):<\/label>\n                <select id=\"\u0433\u043e\u043b\u043e\u0441_en\"><option value=\"\">\u0410\u0432\u0442\u043e<\/option><\/select>\n            <\/div>\n            <div>\n                <label for=\"\u0433\u043e\u043b\u043e\u0441_ru\">\u0420\u0443\u0441\u0441\u043a\u0438\u0439 (ru):<\/label>\n                <select id=\"\u0433\u043e\u043b\u043e\u0441_ru\"><option value=\"\">\u0410\u0432\u0442\u043e<\/option><\/select>\n            <\/div>\n            <div>\n                <label for=\"\u0433\u043e\u043b\u043e\u0441_fr\">\u0424\u0440\u0430\u043d\u0446\u0443\u0437\u0441\u043a\u0438\u0439 (fr):<\/label>\n                <select id=\"\u0433\u043e\u043b\u043e\u0441_fr\"><option value=\"\">\u0410\u0432\u0442\u043e<\/option><\/select>\n            <\/div>\n            <div>\n                <label for=\"\u0433\u043e\u043b\u043e\u0441_es\">\u0418\u0441\u043f\u0430\u043d\u0441\u043a\u0438\u0439 (es):<\/label>\n                <select id=\"\u0433\u043e\u043b\u043e\u0441_es\"><option value=\"\">\u0410\u0432\u0442\u043e<\/option><\/select>\n            <\/div>\n            <div>\n                <label for=\"\u0433\u043e\u043b\u043e\u0441_it\">\u0418\u0442\u0430\u043b\u044c\u044f\u043d\u0441\u043a\u0438\u0439 (it):<\/label>\n                <select id=\"\u0433\u043e\u043b\u043e\u0441_it\"><option value=\"\">\u0410\u0432\u0442\u043e<\/option><\/select>\n            <\/div>\n        <\/div>\n    <\/details>\n\n    <button id=\"\u043a\u043d\u043e\u043f\u043a\u0430\u0421\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438\">\ud83d\udcbe \u0421\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438<\/button>\n    <button id=\"\u043a\u043d\u043e\u043f\u043a\u0430\u0421\u0431\u0440\u043e\u0441\u0438\u0442\u044c\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438\">\ud83d\udd04 \u0421\u0431\u0440\u043e\u0441\u0438\u0442\u044c \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438<\/button>\n\n    <div class=\"\u043f\u043e\u043b\u0435-\u0438\u043d\u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f\" id=\"\u043f\u043e\u043b\u0435\u0418\u043d\u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f\">\u0413\u043e\u0442\u043e\u0432 \u043a \u0440\u0430\u0431\u043e\u0442\u0435<\/div>\n\n    <div class=\"\u043f\u0430\u043d\u0435\u043b\u044c-\u0432\u044b\u0433\u0440\u0443\u0437\u043a\u0438\">\n        <button id=\"\u043a\u043d\u043e\u043f\u043a\u0430\u0412\u044b\u0433\u0440\u0443\u0437\u0438\u0442\u044c\">\ud83d\udccb \u0422\u0430\u0431\u043b\u0438\u0446\u0430 \u2192 \u0411\u0443\u0444\u0435\u0440<\/button>\n\n        <label><input type=\"checkbox\" id=\"\u0432\u044b\u0433\u0440HTML\" checked> HTML<\/label>\n        <label><input type=\"checkbox\" id=\"\u0432\u044b\u0433CSS\" checked> CSS<\/label>\n        <label><input type=\"checkbox\" id=\"\u0432\u044b\u0433JS\" checked> JS<\/label>\n\n        <label><input type=\"checkbox\" id=\"\u0432\u044b\u0433\u0421\u0436\u0430\u0442\u0430\u044f\"> \u0421\u0436\u0430\u0442\u0430\u044f<\/label>\n\n        <div class=\"\u043f\u043e\u043b\u0435-\u044d\u0442\u0430\u043f\u0430\">\n            <label for=\"\u0432\u044b\u0431\u043e\u0440\u042d\u0442\u0430\u043f\u0430\">\u042d\u0442\u0430\u043f:<\/label>\n            <select id=\"\u0432\u044b\u0431\u043e\u0440\u042d\u0442\u0430\u043f\u0430\">\n                <option value=\"1\">\u042d\u0442\u0430\u043f 1 \u2014 \u0422\u0430\u0431\u043b\u0438\u0446\u0430 \u0441 \u0441\u0438\u043c\u0432\u043e\u043b\u0430\u043c\u0438<\/option>\n                <option value=\"2\" selected>\u042d\u0442\u0430\u043f 2 \u2014 \u0422\u0430\u0431\u043b\u0438\u0446\u0430 \u0441 \u043e\u0437\u0432\u0443\u0447\u043a\u043e\u0439<\/option>\n            <\/select>\n        <\/div>\n    <\/div>\n\n    <div id=\"\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0422\u0430\u0431\u043b\u0438\u0446\u044b\"><\/div>\n\n<!-- <script src=\"\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2026\/01\/script_pr.20260130_2233.js\"><\/script> -->\n<script src=\"\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2026\/02\/script_20260204_1710_v_.js\"><\/script>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<details class=\"wp-block-details\"><summary><mark style=\"background-color:var(--nv-light-bg)\" class=\"has-inline-color has-nv-c-2-color is-layout-flow wp-block-details-is-layout-flow\">\u0418\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044f \u043a\u0430\u043a \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0434\u0430\u043d\u043d\u044b\u0439 \u0441\u0442\u0430\u0440\u043d\u0438\u0446\u0435\u0439 \u0438 \u0434\u043b\u044f \u0447\u0435\u0433\u043e \u043d\u0443\u0436\u043d\u0430.<\/mark><\/summary>\n<div>\u0414\u043b\u044f \u0447\u0435\u0433\u043e \u043d\u0443\u0436\u043d\u0430 \u0434\u0430\u043d\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430:<\/div>\n<div>\u0418\u0437 Excel \u0431\u0435\u0440\u0435\u043c \u0434\u0430\u043d\u044b\u0435 \u0432 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u043c \u0444\u043e\u0440\u043c\u0430\u0442\u0435 \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440 (\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u043f\u0440\u0438\u043c\u0435\u0440_20260130)\u00a0<\/div>\n<div>\u00a0<\/div>\n<div>\u00a0<\/div>\n<div>\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0444\u0443\u043d\u043a\u0438\u043e\u043d\u0430\u043b\u0430 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u044b:<\/div>\n<div>\n<div># \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0434\u0430\u043d\u043d\u044b\u0445 \u0441 \u043e\u0437\u0432\u0443\u0447\u043a\u043e\u0439<\/div>\n<\/p>\n<div>\u0412\u0435\u0431-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 (JSON\/CSV) \u0441 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u043e\u0437\u0432\u0443\u0447\u043a\u043e\u0439 \u0444\u0440\u0430\u0437 \u0447\u0435\u0440\u0435\u0437 Google Speech Synthesis.<\/div>\n<\/p>\n<div>## \u0411\u044b\u0441\u0442\u0440\u044b\u0439 \u0441\u0442\u0430\u0440\u0442<\/div>\n<\/p>\n<div>1. \u041e\u0442\u043a\u0440\u044b\u0442\u044c `v_\/index.html` \u0432 Chrome.<\/div>\n<div>2. \u0412\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u0435 \u043f\u043e\u043b\u0435 (\u0432\u0440\u0443\u0447\u043d\u0443\u044e \u0438\u043b\u0438 \u043a\u043d\u043e\u043f\u043a\u043e\u0439 &#171;\u0412\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0438\u0437 \u0431\u0443\u0444\u0435\u0440\u0430&#187;).<\/div>\n<div>3. \u041d\u0430\u0436\u0430\u0442\u044c &#171;\u041e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c&#187; \u2014 \u043f\u043e\u044f\u0432\u0438\u0442\u0441\u044f \u0442\u0430\u0431\u043b\u0438\u0446\u0430.<\/div>\n<div>4. \u041d\u0430\u0436\u0430\u0442\u044c \u043a\u043d\u043e\u043f\u043a\u0443 play (\u0442\u0440\u0435\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a) \u0440\u044f\u0434\u043e\u043c \u0441 \u0444\u0440\u0430\u0437\u043e\u0439 \u2014 \u0443\u0441\u043b\u044b\u0448\u0438\u0442\u0435 \u043e\u0437\u0432\u0443\u0447\u043a\u0443.<\/div>\n<\/p>\n<div>## \u0424\u043e\u0440\u043c\u0430\u0442 \u0432\u0445\u043e\u0434\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445<\/div>\n<\/p>\n<div>**JSON** \u2014 \u043c\u0430\u0441\u0441\u0438\u0432 \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432:<\/div>\n<div>&#171;`json<\/div>\n<div>[{&#171;\u0441\u043b\u043e\u0432\u043e&#187;: &#171;Hallo&#187;, &#171;\u043f\u0435\u0440\u0435\u0432\u043e\u0434&#187;: &#171;\u041f\u0440\u0438\u0432\u0435\u0442&#187;}]<\/div>\n<div>&#171;`<\/div>\n<\/p>\n<div>**CSV** \u2014 \u0442\u0435\u043a\u0441\u0442 \u0441 \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435\u043b\u0435\u043c `|||`:<\/div>\n<div>&#171;`<\/div>\n<div>\u0441\u043b\u043e\u0432\u043e|||\u043f\u0435\u0440\u0435\u0432\u043e\u0434<\/div>\n<div>Hallo|||\u041f\u0440\u0438\u0432\u0435\u0442<\/div>\n<div>&#171;`<\/div>\n<\/p>\n<div>\u0420\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435\u043b\u044c \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b CSV \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0432 \u043f\u043e\u043b\u044f\u0445 \u0432\u0432\u0435\u0440\u0445\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b.<\/div>\n<\/p>\n<div>## \u0410\u0443\u0434\u0438\u043e-\u0442\u0435\u0433\u0438<\/div>\n<\/p>\n<div>\u0412 \u0442\u0435\u043a\u0441\u0442\u0435 \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0441\u0438\u043c\u0432\u043e\u043b\u044b \u043e\u0437\u0432\u0443\u0447\u043a\u0438 (\u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e `\ud83d\udd0a` \u0438 `\ud83d\udd07`):<\/div>\n<\/p>\n<div>| \u0417\u0430\u043f\u0438\u0441\u044c | \u0417\u043d\u0430\u0447\u0435\u043d\u0438\u0435 |<\/div>\n<div>|&#8212;&#8212;&#8212;|&#8212;&#8212;&#8212;-|<\/div>\n<div>| `\ud83d\udd0a\u0442\u0435\u043a\u0441\u0442\ud83d\udd07` | \u041e\u0437\u0432\u0443\u0447\u0438\u0442\u044c &#171;\u0442\u0435\u043a\u0441\u0442&#187; (\u0442\u0435\u0433\u0438 \u0443\u0436\u0435 \u0440\u0430\u0441\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u044b) |<\/div>\n<div>| `\ud83d\udd0a\u0442\u0435\u043a\u0441\u0442` | \u041e\u0437\u0432\u0443\u0447\u0438\u0442\u044c \u0434\u043e \u043f\u0435\u0440\u0432\u043e\u0439 \u0442\u043e\u0447\u043a\u0438\/!\/? \u0438\u043b\u0438 \u0434\u043e \u043a\u043e\u043d\u0446\u0430 |<\/div>\n<div>| `\ud83d\udd0a\ud83d\udd0a\u0442\u0435\u043a\u0441\u0442` | \u041e\u0437\u0432\u0443\u0447\u0438\u0442\u044c \u0434\u043e \u043a\u043e\u043d\u0446\u0430 \u044f\u0447\u0435\u0439\u043a\u0438 |<\/div>\n<div>| `\ud83d\udd0a\ud83d\udd0a\ud83d\udd0a\u0442\u0435\u043a\u0441\u0442` | \u041e\u0437\u0432\u0443\u0447\u0438\u0442\u044c \u0434\u043e \u043a\u043e\u043d\u0446\u0430 \u0442\u0435\u043a\u0441\u0442\u0430 (\u0432\u0441\u0435 \u043f\u043e\u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0441\u0442\u0440\u043e\u043a\u0438 \u0442\u043e\u0436\u0435) |<\/div>\n<div>| `\ud83d\udd0a\ud83d\udd0a\ud83d\udd0a\ud83d\udd0a` | \u041e\u0448\u0438\u0431\u043a\u0430 |<\/div>\n<\/p>\n<div>## \u042d\u0442\u0430\u043f\u044b<\/div>\n<\/p>\n<div>&#8212; **\u042d\u0442\u0430\u043f 1** \u2014 \u0442\u0430\u0431\u043b\u0438\u0446\u0430 \u0441 \u0441\u0438\u043c\u0432\u043e\u043b\u0430\u043c\u0438 \ud83d\udd0a\/\ud83d\udd07 \u043a\u0430\u043a \u0442\u0435\u043a\u0441\u0442 (\u0434\u043b\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0438).<\/div>\n<div>&#8212; **\u042d\u0442\u0430\u043f 2** \u2014 \u0442\u0430\u0431\u043b\u0438\u0446\u0430 \u0441 \u043a\u043d\u043e\u043f\u043a\u0430\u043c\u0438 play \u0438 \u043e\u0437\u0432\u0443\u0447\u043a\u043e\u0439 (\u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0440\u0435\u0436\u0438\u043c).<\/div>\n<\/p>\n<div>## \u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0433\u043e\u043b\u043e\u0441\u043e\u0432<\/div>\n<\/p>\n<div>\u0420\u0430\u0441\u043a\u0440\u043e\u0439\u0442\u0435 &#171;\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0433\u043e\u043b\u043e\u0441\u043e\u0432&#187; \u2014 \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u044f\u0437\u044b\u043a\u0430 \u043c\u043e\u0436\u043d\u043e \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0439 \u0433\u043e\u043b\u043e\u0441. \u041f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f Google-\u0433\u043e\u043b\u043e\u0441\u0430 (\u043e\u043d\u043b\u0430\u0439\u043d, \u0432\u044b\u0441\u043e\u043a\u043e\u0435 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u043e). \u041d\u0430\u0436\u043c\u0438\u0442\u0435 &#171;\u0421\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438&#187; \u0447\u0442\u043e\u0431\u044b \u0437\u0430\u043f\u043e\u043c\u043d\u0438\u0442\u044c \u0432\u044b\u0431\u043e\u0440.<\/div>\n<\/p>\n<div>## \u0412\u044b\u0433\u0440\u0443\u0437\u043a\u0430<\/div>\n<\/p>\n<div>\u041a\u043d\u043e\u043f\u043a\u0430 &#171;\u0412\u044b\u0433\u0440\u0443\u0437\u0438\u0442\u044c&#187; \u043a\u043e\u043f\u0438\u0440\u0443\u0435\u0442 \u0442\u0430\u0431\u043b\u0438\u0446\u0443 \u0432 \u0431\u0443\u0444\u0435\u0440 \u043e\u0431\u043c\u0435\u043d\u0430 \u0434\u043b\u044f \u0432\u0441\u0442\u0430\u0432\u043a\u0438 \u043d\u0430 \u0434\u0440\u0443\u0433\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443.<\/div>\n<\/p>\n<div>&#8212; **HTML \/ CSS \/ JS** \u2014 \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043a\u0430\u043a\u0438\u0435 \u0447\u0430\u0441\u0442\u0438 \u0432\u043a\u043b\u044e\u0447\u0438\u0442\u044c.<\/div>\n<div>&#8212; **\u0421\u0436\u0430\u0442\u0430\u044f** \u2014 \u0442\u043e\u043b\u044c\u043a\u043e `&lt;style&gt;` + \u0442\u0430\u0431\u043b\u0438\u0446\u0430 + `&lt;script&gt;` (\u0434\u043b\u044f \u0432\u0441\u0442\u0430\u0432\u043a\u0438 \u0432 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443).<\/div>\n<div>&#8212; \u0411\u0435\u0437 \u0444\u043b\u0430\u0433\u0430 &#171;\u0421\u0436\u0430\u0442\u0430\u044f&#187; \u2014 \u043f\u043e\u043b\u043d\u0430\u044f HTML-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430.<\/div>\n<\/p>\n<div>\u00a0<\/div>\n<\/div>\n<\/details>\n","protected":false},"excerpt":{"rendered":"<p>v3 \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0434\u0430\u043d\u043d\u044b\u0445 JSON\/CSV \u0414\u0430\u043d\u043d\u044b\u0435 (JSON \u0438\u043b\u0438 CSV): \ud83d\uddd1\ufe0f \u041e\u0447\u0438\u0441\u0442\u0438\u0442\u044c \ud83d\udccb \u0412\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0438\u0437 \u0431\u0443\u0444\u0435\u0440\u0430 \ud83d\udcdd \u0422\u0435\u043a\u0441\u0442 \u2192 \u041f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0414\u0430\u043d\u043d\u044b\u0435 \u2192 \u0422\u0430\u0431\u043b\u0438\u0446\u0430 + \ud83d\udd0a \u2699\ufe0f \u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 CSV: \u043f\u0435\u0440\u0432\u0430\u044f \u0441\u0442\u0440\u043e\u043a\u0430 \u2014 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438 \u0420\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435\u043b\u044c CSV: \u042d\u043a\u0440\u0430\u043d \u0434\u043b\u044f \u0420\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435\u043b\u044f CSV: CSV: \u0442\u0435\u043a\u0441\u0442 \u044f\u0447\u0435\u0435\u043a \u043e\u0431\u0440\u0430\u043c\u043b\u0451\u043d \u0421\u0438\u043c\u0432\u043e\u043b \u043e\u0431\u0440\u0430\u043c\u043b\u0435\u043d\u0438\u044f: \u042d\u043a\u0440\u0430\u043d \u0434\u043b\u044f \u0421\u0438\u043c\u0432\u043e\u043b\u0430 \u043e\u0431\u0440\u0430\u043c\u043b\u0435\u043d\u0438\u044f: \u0421\u0438\u043c\u0432\u043e\u043b \u043d\u0430\u0447\u0430\u043b\u0430 \u0437\u0432\u0443\u043a\u0430: \u0421\u0438\u043c\u0432\u043e\u043b \u043a\u043e\u043d\u0446\u0430 \u0437\u0432\u0443\u043a\u0430: \u042f\u0437\u044b\u043a\u0438: de +&hellip;&nbsp;<a href=\"https:\/\/1.cbm.ua\/?page_id=9276\" rel=\"bookmark\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 &raquo;<span class=\"screen-reader-text\">_v3 \u0421\u043a\u0440\u0438\u043f\u0442 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0442\u0430\u0431\u043b\u0438\u0446\u044b \u0441 \u043e\u0437\u0432\u0443\u0447\u043a\u043e\u0439 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0441 \u0441\u0438\u043b\u044c\u043d\u044b\u043c\u0438 \u0433\u043b\u0430\u0433\u043e\u043b\u0430\u043c\u0438). \u0426\u0435\u043b\u044c \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0441\u043e \u0437\u0432\u0443\u043a\u043e\u043c \u0438 \u043f\u043e\u0442\u043e\u043c \u043c\u043d\u043e\u0433\u043e\u043a\u0440\u0430\u0442\u043d\u043e \u0441 \u044d\u0442\u0438\u043c \u0440\u0430\u0431\u043e\u0442\u0430.<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-9276","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/pages\/9276","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9276"}],"version-history":[{"count":4,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/pages\/9276\/revisions"}],"predecessor-version":[{"id":9290,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/pages\/9276\/revisions\/9290"}],"wp:attachment":[{"href":"https:\/\/1.cbm.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9276"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}