diff options
Diffstat (limited to 'files/ru/learn')
-rw-r--r-- | files/ru/learn/accessibility/accessibility_troubleshooting/index.html (renamed from files/ru/learn/доступность/accessibility_troubleshooting/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/accessibility/css_and_javascript/index.html (renamed from files/ru/learn/доступность/css_and_javascript/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/accessibility/html/index.html (renamed from files/ru/learn/доступность/html/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/accessibility/index.html (renamed from files/ru/learn/доступность/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/accessibility/mobile/index.html (renamed from files/ru/learn/доступность/mobile/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/accessibility/multimedia/index.html (renamed from files/ru/learn/доступность/multimedia/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/accessibility/wai-aria_basics/index.html (renamed from files/ru/learn/доступность/wai-aria_basics/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/accessibility/what_is_accessibility/index.html (renamed from files/ru/learn/доступность/what_is_accessibility/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/common_questions/how_does_the_internet_work/index.html (renamed from files/ru/learn/how_the_internet_works/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/common_questions/pages_sites_servers_and_search_engines/index.html (renamed from files/ru/learn/pages_sites_servers_and_search_engines/index.html) | 5 | ||||
-rw-r--r-- | files/ru/learn/common_questions/what_are_browser_developer_tools/index.html (renamed from files/ru/learn/discover_browser_developer_tools/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/common_questions/what_are_hyperlinks/index.html (renamed from files/ru/learn/understanding_links_on_the_web/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/common_questions/what_is_a_domain_name/index.html (renamed from files/ru/learn/understanding_domain_names/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/common_questions/what_is_a_url/index.html (renamed from files/ru/learn/understanding_urls/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/common_questions/what_is_a_web_server/index.html (renamed from files/ru/learn/что_такое_веб_сервер/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/css/building_blocks/cascade_tasks/index.html (renamed from files/ru/learn/css/building_blocks/каскад_задачи/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/css/building_blocks/fundamental_css_comprehension/index.html (renamed from files/ru/learn/css/introduction_to_css/ponimanie_osnov_css/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/css/building_blocks/selectors/attribute_selectors/index.html (renamed from files/ru/learn/css/building_blocks/селекторы/attribute_selectors/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/css/building_blocks/selectors/combinators/index.html (renamed from files/ru/learn/css/building_blocks/селекторы/combinators/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/css/building_blocks/selectors/index.html (renamed from files/ru/learn/css/building_blocks/селекторы/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/css/building_blocks/selectors/pseudo-classes_and_pseudo-elements/index.html (renamed from files/ru/learn/css/building_blocks/селекторы/pseudo-classes_and_pseudo-elements/index.html) | 5 | ||||
-rw-r--r-- | files/ru/learn/css/building_blocks/selectors/selectors_tasks/index.html (renamed from files/ru/learn/css/building_blocks/селекторы/селекторы_задачи/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.html (renamed from files/ru/learn/css/building_blocks/селекторы/type_class_and_id_selectors/index.html) | 5 | ||||
-rw-r--r-- | files/ru/learn/css/css_layout/multicol_skills/index.html (renamed from files/ru/learn/css/css_layout/навыки_multicol/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/css/css_layout/multiple-column_layout/index.html (renamed from files/ru/learn/css/css_layout/макет_с_несколькими_столбцами/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/css/css_layout/normal_flow/index.html (renamed from files/ru/learn/css/css_layout/нормальный_поток/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/css/css_layout/position_skills/index.html (renamed from files/ru/learn/css/css_layout/навыки_позиционирования/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/css/css_layout/responsive_design/index.html (renamed from files/ru/learn/css/css_layout/отзывчивый_дизайн/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/css/css_properties/index.html | 133 | ||||
-rw-r--r-- | files/ru/learn/css/first_steps/how_css_is_structured/index.html (renamed from files/ru/learn/css/first_steps/как_структурирован_css/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/css/first_steps/what_is_css/index.html (renamed from files/ru/learn/css/first_steps/что_такое_css/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/css/howto/css_faq/index.html | 183 | ||||
-rw-r--r-- | files/ru/learn/css/howto/index.html (renamed from files/ru/learn/css/как/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/css/styling_text/styling_lists/index.html (renamed from files/ru/learn/css/styling_text/стилизация_списков/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/css/styling_text/typesetting_a_homepage/index.html (renamed from files/ru/learn/css/styling_text/задание_colon__стилизирование_школьного_сайта/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/css/styling_text/web_fonts/index.html (renamed from files/ru/learn/css/styling_text/веб_шрифты/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/forms/basic_native_form_controls/index.html (renamed from files/ru/learn/html/forms/стандартные_виджеты_форм/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/forms/form_validation/index.html (renamed from files/ru/learn/html/forms/валидация_формы/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/forms/how_to_build_custom_form_controls/index.html (renamed from files/ru/learn/html/forms/how_to_build_custom_form_widgets/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/forms/how_to_structure_a_web_form/index.html (renamed from files/ru/learn/html/forms/how_to_structure_an_html_form/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/forms/index.html (renamed from files/ru/learn/html/forms/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/forms/sending_and_retrieving_form_data/index.html (renamed from files/ru/learn/html/forms/отправка_и_получение_данных_формы/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/forms/sending_forms_through_javascript/index.html (renamed from files/ru/learn/html/forms/sending_forms_through_javascript/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/forms/styling_web_forms/index.html (renamed from files/ru/learn/html/forms/styling_html_forms/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/forms/your_first_form/index.html (renamed from files/ru/learn/html/forms/ваша_первая_html_форма/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/front-end_web_developer/index.html (renamed from files/ru/learn/фронтенд_разработчик/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/getting_started_with_the_web/installing_basic_software/index.html (renamed from files/ru/learn/getting_started_with_the_web/установка_базового_программного_обеспечения/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/getting_started_with_the_web/the_web_and_web_standards/index.html (renamed from files/ru/learn/getting_started_with_the_web/веб_и_веб_стандарты/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/html/howto/author_fast-loading_html_pages/index.html | 205 | ||||
-rw-r--r-- | files/ru/learn/html/howto/index.html (renamed from files/ru/learn/html/рецепты/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/html/howto/use_data_attributes/index.html | 130 | ||||
-rw-r--r-- | files/ru/learn/html/introduction_to_html/advanced_text_formatting/index.html (renamed from files/ru/learn/html/введение_в_html/advanced_text_formatting/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/html/introduction_to_html/creating_hyperlinks/index.html (renamed from files/ru/learn/html/введение_в_html/создание_гиперссылок/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/html/introduction_to_html/debugging_html/index.html (renamed from files/ru/learn/html/введение_в_html/debugging_html/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/html/introduction_to_html/document_and_website_structure/index.html (renamed from files/ru/learn/html/введение_в_html/структура_документа_и_веб-сайта/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/html/introduction_to_html/getting_started/index.html (renamed from files/ru/learn/html/введение_в_html/начало_работы/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/html/introduction_to_html/html_text_fundamentals/index.html (renamed from files/ru/learn/html/введение_в_html/html_text_fundamentals/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/html/introduction_to_html/index.html (renamed from files/ru/learn/html/введение_в_html/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/html/introduction_to_html/marking_up_a_letter/index.html (renamed from files/ru/learn/html/введение_в_html/marking_up_a_letter/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/html/introduction_to_html/structuring_a_page_of_content/index.html (renamed from files/ru/learn/html/введение_в_html/structuring_a_page_of_content/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/html/introduction_to_html/the_head_metadata_in_html/index.html (renamed from files/ru/learn/html/введение_в_html/the_head_metadata_in_html/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/html/multimedia_and_embedding/adding_vector_graphics_to_the_web/index.html (renamed from files/ru/learn/html/multimedia_and_embedding/добавление_r_graphics_to_the_web/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/html/multimedia_and_embedding/images_in_html/index.html (renamed from files/ru/learn/html/multimedia_and_embedding/изображения_в_html/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/html/multimedia_and_embedding/images_in_html/test_your_skills_colon__html_images/index.html (renamed from files/ru/learn/html/multimedia_and_embedding/изображения_в_html/проверьте_свои_знания_colon__изображения_в_html/index.html) | 4 | ||||
-rw-r--r-- | files/ru/learn/html/multimedia_and_embedding/mozilla_splash_page/index.html (renamed from files/ru/learn/html/multimedia_and_embedding/заставка_mozilla/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/javascript/asynchronous/timeouts_and_intervals/index.html (renamed from files/ru/learn/javascript/asynchronous/таймауты_и_интервалы/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/javascript/building_blocks/events/index.html (renamed from files/ru/learn/javascript/building_blocks/события/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/javascript/first_steps/a_first_splash/index.html (renamed from files/ru/learn/javascript/первые_шаги/a_first_splash/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/javascript/first_steps/arrays/index.html (renamed from files/ru/learn/javascript/первые_шаги/arrays/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/javascript/first_steps/index.html (renamed from files/ru/learn/javascript/первые_шаги/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/javascript/first_steps/math/index.html (renamed from files/ru/learn/javascript/первые_шаги/math/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/javascript/first_steps/silly_story_generator/index.html (renamed from files/ru/learn/javascript/первые_шаги/создатель_глуых_историй/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/javascript/first_steps/strings/index.html (renamed from files/ru/learn/javascript/первые_шаги/строки/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/javascript/first_steps/useful_string_methods/index.html (renamed from files/ru/learn/javascript/первые_шаги/useful_string_methods/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/javascript/first_steps/variables/index.html (renamed from files/ru/learn/javascript/первые_шаги/variables/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/javascript/first_steps/what_is_javascript/index.html (renamed from files/ru/learn/javascript/первые_шаги/what_is_javascript/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/javascript/first_steps/what_went_wrong/index.html (renamed from files/ru/learn/javascript/первые_шаги/что_пошло_не_так/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/javascript/objects/adding_bouncing_balls_features/index.html (renamed from files/ru/learn/javascript/объекты/adding_bouncing_balls_features/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/javascript/objects/basics/index.html (renamed from files/ru/learn/javascript/объекты/основы/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/javascript/objects/index.html (renamed from files/ru/learn/javascript/объекты/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/javascript/objects/inheritance/index.html (renamed from files/ru/learn/javascript/объекты/inheritance/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/javascript/objects/json/index.html (renamed from files/ru/learn/javascript/объекты/json/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/javascript/objects/object-oriented_js/index.html (renamed from files/ru/learn/javascript/объекты/object-oriented_js/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/javascript/objects/object_building_practice/index.html (renamed from files/ru/learn/javascript/объекты/object_building_practice/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/javascript/objects/object_prototypes/index.html (renamed from files/ru/learn/javascript/объекты/object_prototypes/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/server-side/django/authentication/index.html (renamed from files/ru/learn/server-side/django/аутентификация/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/server-side/django/deployment/index.html (renamed from files/ru/learn/server-side/django/разворачивание/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/server-side/django/introduction/index.html (renamed from files/ru/learn/server-side/django/введение/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/server-side/django/sessions/index.html (renamed from files/ru/learn/server-side/django/сессии/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/server-side/express_nodejs/tutorial_local_library_website/index.html (renamed from files/ru/learn/server-side/express_nodejs/учебник_сайт_local_library/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/server-side/first_steps/website_security/index.html (renamed from files/ru/learn/server-side/first_steps/веб_безопасность/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/tools_and_testing/client-side_javascript_frameworks/index.html (renamed from files/ru/learn/tools_and_testing/фронтенд_javascript_фреймворки/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/index.html (renamed from files/ru/learn/tools_and_testing/фронтенд_javascript_фреймворки/react_getting_started/index.html) | 4 | ||||
-rw-r--r-- | files/ru/learn/tools_and_testing/github/index.html (renamed from files/ru/learn/tools_and_testing/гитхаб/index.html) | 3 | ||||
-rw-r--r-- | files/ru/learn/как_сделать_вклад/index.html | 85 |
95 files changed, 703 insertions, 311 deletions
diff --git a/files/ru/learn/доступность/accessibility_troubleshooting/index.html b/files/ru/learn/accessibility/accessibility_troubleshooting/index.html index d47abae869..f486ddb73d 100644 --- a/files/ru/learn/доступность/accessibility_troubleshooting/index.html +++ b/files/ru/learn/accessibility/accessibility_troubleshooting/index.html @@ -1,7 +1,8 @@ --- title: Устранение проблем доступности -slug: Learn/Доступность/Accessibility_troubleshooting +slug: Learn/Accessibility/Accessibility_troubleshooting translation_of: Learn/Accessibility/Accessibility_troubleshooting +original_slug: Learn/Доступность/Accessibility_troubleshooting --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/доступность/css_and_javascript/index.html b/files/ru/learn/accessibility/css_and_javascript/index.html index 31ed1cb106..125e7e09af 100644 --- a/files/ru/learn/доступность/css_and_javascript/index.html +++ b/files/ru/learn/accessibility/css_and_javascript/index.html @@ -1,10 +1,11 @@ --- title: CSS и JavaScript доступность - лучшие практики -slug: Learn/Доступность/CSS_and_JavaScript +slug: Learn/Accessibility/CSS_and_JavaScript tags: - CSS - JavaScript translation_of: Learn/Accessibility/CSS_and_JavaScript +original_slug: Learn/Доступность/CSS_and_JavaScript --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/доступность/html/index.html b/files/ru/learn/accessibility/html/index.html index 64c19fd4d6..75e886aa79 100644 --- a/files/ru/learn/доступность/html/index.html +++ b/files/ru/learn/accessibility/html/index.html @@ -1,6 +1,6 @@ --- title: 'HTML: Хорошая основа для доступности' -slug: Learn/Доступность/HTML +slug: Learn/Accessibility/HTML tags: - HTML - a11y @@ -13,6 +13,7 @@ tags: - вспомагательные технологии - доступность translation_of: Learn/Accessibility/HTML +original_slug: Learn/Доступность/HTML --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/доступность/index.html b/files/ru/learn/accessibility/index.html index 422bead1d7..36a072e071 100644 --- a/files/ru/learn/доступность/index.html +++ b/files/ru/learn/accessibility/index.html @@ -1,6 +1,6 @@ --- title: Доступность -slug: Learn/Доступность +slug: Learn/Accessibility tags: - CSS - HTML @@ -8,6 +8,7 @@ tags: - Удобство - доступность translation_of: Learn/Accessibility +original_slug: Learn/Доступность --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/доступность/mobile/index.html b/files/ru/learn/accessibility/mobile/index.html index bbdc7f0e1d..89826dcd23 100644 --- a/files/ru/learn/доступность/mobile/index.html +++ b/files/ru/learn/accessibility/mobile/index.html @@ -1,9 +1,10 @@ --- title: Мобильная доступность -slug: Learn/Доступность/Mobile +slug: Learn/Accessibility/Mobile tags: - Mobile translation_of: Learn/Accessibility/Mobile +original_slug: Learn/Доступность/Mobile --- <div> <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/доступность/multimedia/index.html b/files/ru/learn/accessibility/multimedia/index.html index e07550ba5e..b75e4b89b8 100644 --- a/files/ru/learn/доступность/multimedia/index.html +++ b/files/ru/learn/accessibility/multimedia/index.html @@ -1,9 +1,10 @@ --- title: Доступность мультимедиа -slug: Learn/Доступность/Multimedia +slug: Learn/Accessibility/Multimedia tags: - JavaScript translation_of: Learn/Accessibility/Multimedia +original_slug: Learn/Доступность/Multimedia --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/доступность/wai-aria_basics/index.html b/files/ru/learn/accessibility/wai-aria_basics/index.html index d04c4fd483..576855fcdb 100644 --- a/files/ru/learn/доступность/wai-aria_basics/index.html +++ b/files/ru/learn/accessibility/wai-aria_basics/index.html @@ -1,9 +1,10 @@ --- title: Основы WAI-ARIA -slug: Learn/Доступность/WAI-ARIA_basics +slug: Learn/Accessibility/WAI-ARIA_basics tags: - JavaScript translation_of: Learn/Accessibility/WAI-ARIA_basics +original_slug: Learn/Доступность/WAI-ARIA_basics --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/доступность/what_is_accessibility/index.html b/files/ru/learn/accessibility/what_is_accessibility/index.html index 1a6e11f73e..84dc970c42 100644 --- a/files/ru/learn/доступность/what_is_accessibility/index.html +++ b/files/ru/learn/accessibility/what_is_accessibility/index.html @@ -1,6 +1,6 @@ --- title: Что такое доступность? -slug: Learn/Доступность/What_is_accessibility +slug: Learn/Accessibility/What_is_accessibility tags: - CSS - HTML @@ -15,6 +15,7 @@ tags: - вспомогательная технология - доступность translation_of: Learn/Accessibility/What_is_accessibility +original_slug: Learn/Доступность/What_is_accessibility --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/how_the_internet_works/index.html b/files/ru/learn/common_questions/how_does_the_internet_work/index.html index 19230a4042..225ee71401 100644 --- a/files/ru/learn/how_the_internet_works/index.html +++ b/files/ru/learn/common_questions/how_does_the_internet_work/index.html @@ -1,12 +1,13 @@ --- title: Как работает Интернет -slug: Learn/How_the_Internet_works +slug: Learn/Common_questions/How_does_the_Internet_work tags: - Начинающий - Руководство - Учебник - туториал translation_of: Learn/Common_questions/How_does_the_Internet_work +original_slug: Learn/How_the_Internet_works --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/pages_sites_servers_and_search_engines/index.html b/files/ru/learn/common_questions/pages_sites_servers_and_search_engines/index.html index 0a9b7a643f..38139a33b7 100644 --- a/files/ru/learn/pages_sites_servers_and_search_engines/index.html +++ b/files/ru/learn/common_questions/pages_sites_servers_and_search_engines/index.html @@ -1,6 +1,6 @@ --- -title: 'Веб-страницы, веб-сайты, веб серверы и поисковики' -slug: Learn/Pages_sites_servers_and_search_engines +title: Веб-страницы, веб-сайты, веб серверы и поисковики +slug: Learn/Common_questions/Pages_sites_servers_and_search_engines tags: - ActiveLearning - Beginner @@ -9,6 +9,7 @@ tags: - Новичку - Программисту translation_of: Learn/Common_questions/Pages_sites_servers_and_search_engines +original_slug: Learn/Pages_sites_servers_and_search_engines --- <div class="summary"> <p><span class="seoSummary">В этой статье мы расскажем о различных понятиях связанных с Веб: о веб-страницах, веб-сайтах, веб-серверах и о поисковых системах. Эти термины часто ставят в тупик как начинающих работу с Веб, так и людей, редко пользующихся сетью. Давайте же разберемся, что именно эти понятия означают!</span></p> diff --git a/files/ru/learn/discover_browser_developer_tools/index.html b/files/ru/learn/common_questions/what_are_browser_developer_tools/index.html index 8cd514efcd..c38c18ddd7 100644 --- a/files/ru/learn/discover_browser_developer_tools/index.html +++ b/files/ru/learn/common_questions/what_are_browser_developer_tools/index.html @@ -1,6 +1,6 @@ --- title: Обзор инструментов разработки в браузерах -slug: Learn/Discover_browser_developer_tools +slug: Learn/Common_questions/What_are_browser_developer_tools tags: - Beginner - Browser @@ -13,6 +13,7 @@ tags: - Новичку - Обучение translation_of: Learn/Common_questions/What_are_browser_developer_tools +original_slug: Learn/Discover_browser_developer_tools --- <div>{{IncludeSubnav("/ru-RU/Learn")}}</div> diff --git a/files/ru/learn/understanding_links_on_the_web/index.html b/files/ru/learn/common_questions/what_are_hyperlinks/index.html index 63a22eb949..48cca09fde 100644 --- a/files/ru/learn/understanding_links_on_the_web/index.html +++ b/files/ru/learn/common_questions/what_are_hyperlinks/index.html @@ -1,11 +1,12 @@ --- title: Разбираемся с веб ссылками -slug: Learn/Understanding_links_on_the_web +slug: Learn/Common_questions/What_are_hyperlinks tags: - Навигация - инфраструктура - начальный уровень translation_of: Learn/Common_questions/What_are_hyperlinks +original_slug: Learn/Understanding_links_on_the_web --- <div class="summary"> <p>В данной статье мы узнаем, что такое ссылки и почему они важны.</p> diff --git a/files/ru/learn/understanding_domain_names/index.html b/files/ru/learn/common_questions/what_is_a_domain_name/index.html index fb561cf8ea..d5418ac073 100644 --- a/files/ru/learn/understanding_domain_names/index.html +++ b/files/ru/learn/common_questions/what_is_a_domain_name/index.html @@ -1,6 +1,6 @@ --- title: Что такое доменные имена -slug: Learn/Understanding_domain_names +slug: Learn/Common_questions/What_is_a_domain_name tags: - DNS - вводная @@ -8,6 +8,7 @@ tags: - доменное имя - начальный уровень translation_of: Learn/Common_questions/What_is_a_domain_name +original_slug: Learn/Understanding_domain_names --- <div class="summary"> <p>В этом материале мы обсудим доменные имена: что это такое, как они формируются и как зарегистрировать домен для себя.</p> diff --git a/files/ru/learn/understanding_urls/index.html b/files/ru/learn/common_questions/what_is_a_url/index.html index 41fe5182c7..7cf4fe04d7 100644 --- a/files/ru/learn/understanding_urls/index.html +++ b/files/ru/learn/common_questions/what_is_a_url/index.html @@ -1,6 +1,6 @@ --- title: Что такое URL-адрес? -slug: Learn/Understanding_URLs +slug: Learn/Common_questions/What_is_a_URL tags: - URL - Адрес @@ -10,6 +10,7 @@ tags: - домен - протокол translation_of: Learn/Common_questions/What_is_a_URL +original_slug: Learn/Understanding_URLs --- <div class="summary"> <p>Данная статья описывает Единый локатор ресурсов или Uniform Resource Locators (URLs), объясняет, что это такое, и опиcывает его структуру. </p> diff --git a/files/ru/learn/что_такое_веб_сервер/index.html b/files/ru/learn/common_questions/what_is_a_web_server/index.html index efdc287ba9..3962ab1224 100644 --- a/files/ru/learn/что_такое_веб_сервер/index.html +++ b/files/ru/learn/common_questions/what_is_a_web_server/index.html @@ -1,12 +1,13 @@ --- title: Что такое веб-сервер -slug: Learn/Что_такое_веб_сервер +slug: Learn/Common_questions/What_is_a_web_server tags: - Веб-сервер - Динамический сайт - Новичок - Статический сайт translation_of: Learn/Common_questions/What_is_a_web_server +original_slug: Learn/Что_такое_веб_сервер --- <div class="summary"> <p>В этой статье мы узнаем, что из себя представляют веб-серверы, как они работают, и почему они так важны.</p> diff --git a/files/ru/learn/css/building_blocks/каскад_задачи/index.html b/files/ru/learn/css/building_blocks/cascade_tasks/index.html index b6524f9ed3..d4f7440cb8 100644 --- a/files/ru/learn/css/building_blocks/каскад_задачи/index.html +++ b/files/ru/learn/css/building_blocks/cascade_tasks/index.html @@ -1,10 +1,11 @@ --- title: 'Проверьте ваши навыки: Каскад' -slug: Learn/CSS/Building_blocks/Каскад_задачи +slug: Learn/CSS/Building_blocks/Cascade_tasks tags: - CSS - Начинающий translation_of: Learn/CSS/Building_blocks/Cascade_tasks +original_slug: Learn/CSS/Building_blocks/Каскад_задачи --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/css/introduction_to_css/ponimanie_osnov_css/index.html b/files/ru/learn/css/building_blocks/fundamental_css_comprehension/index.html index 9009c684d8..36f4767e10 100644 --- a/files/ru/learn/css/introduction_to_css/ponimanie_osnov_css/index.html +++ b/files/ru/learn/css/building_blocks/fundamental_css_comprehension/index.html @@ -1,7 +1,8 @@ --- title: Понимание основ CSS -slug: Learn/CSS/Introduction_to_CSS/Ponimanie_osnov_CSS +slug: Learn/CSS/Building_blocks/Fundamental_CSS_comprehension translation_of: Learn/CSS/Building_blocks/Fundamental_CSS_comprehension +original_slug: Learn/CSS/Introduction_to_CSS/Ponimanie_osnov_CSS --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/css/building_blocks/селекторы/attribute_selectors/index.html b/files/ru/learn/css/building_blocks/selectors/attribute_selectors/index.html index 9a6a2c4c07..3ac93f2012 100644 --- a/files/ru/learn/css/building_blocks/селекторы/attribute_selectors/index.html +++ b/files/ru/learn/css/building_blocks/selectors/attribute_selectors/index.html @@ -1,6 +1,6 @@ --- title: Селекторы атрибута -slug: Learn/CSS/Building_blocks/Селекторы/Attribute_selectors +slug: Learn/CSS/Building_blocks/Selectors/Attribute_selectors tags: - CSS - Атрибут @@ -8,6 +8,7 @@ tags: - Обучение - Селекторы translation_of: Learn/CSS/Building_blocks/Selectors/Attribute_selectors +original_slug: Learn/CSS/Building_blocks/Селекторы/Attribute_selectors --- <p>{{LearnSidebar}}{{PreviousMenuNext("Learn/CSS/Building_blocks/Selectors/Type_Class_and_ID_Selectors", "Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-elements", "Learn/CSS/Building_blocks")}}</p> diff --git a/files/ru/learn/css/building_blocks/селекторы/combinators/index.html b/files/ru/learn/css/building_blocks/selectors/combinators/index.html index 7a076e05a8..89cab04833 100644 --- a/files/ru/learn/css/building_blocks/селекторы/combinators/index.html +++ b/files/ru/learn/css/building_blocks/selectors/combinators/index.html @@ -1,11 +1,12 @@ --- title: Комбинаторы -slug: Learn/CSS/Building_blocks/Селекторы/Combinators +slug: Learn/CSS/Building_blocks/Selectors/Combinators tags: - CSS - Селекторы - комбинаторы translation_of: Learn/CSS/Building_blocks/Selectors/Combinators +original_slug: Learn/CSS/Building_blocks/Селекторы/Combinators --- <p>{{LearnSidebar}}{{PreviousMenuNext("Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-elements", "Learn/CSS/Building_blocks/The_box_model", "Learn/CSS/Building_blocks")}}</p> diff --git a/files/ru/learn/css/building_blocks/селекторы/index.html b/files/ru/learn/css/building_blocks/selectors/index.html index 3819af4207..b52ba93b52 100644 --- a/files/ru/learn/css/building_blocks/селекторы/index.html +++ b/files/ru/learn/css/building_blocks/selectors/index.html @@ -1,6 +1,6 @@ --- title: Селекторы CSS -slug: Learn/CSS/Building_blocks/Селекторы +slug: Learn/CSS/Building_blocks/Selectors tags: - Attribute - Beginner @@ -14,6 +14,7 @@ tags: - псевдокласс - селектор translation_of: Learn/CSS/Building_blocks/Selectors +original_slug: Learn/CSS/Building_blocks/Селекторы --- <div>{{LearnSidebar}}{{PreviousMenuNext("Learn/CSS/Building_blocks/Cascade_and_inheritance", "Learn/CSS/Building_blocks/Selectors/Type_Class_and_ID_Selectors", "Learn/CSS/Building_blocks")}}</div> diff --git a/files/ru/learn/css/building_blocks/селекторы/pseudo-classes_and_pseudo-elements/index.html b/files/ru/learn/css/building_blocks/selectors/pseudo-classes_and_pseudo-elements/index.html index 4fe67b8adb..8720c0a277 100644 --- a/files/ru/learn/css/building_blocks/селекторы/pseudo-classes_and_pseudo-elements/index.html +++ b/files/ru/learn/css/building_blocks/selectors/pseudo-classes_and_pseudo-elements/index.html @@ -1,6 +1,6 @@ --- -title: 'Псевдоклассы, псевдоэлементы' -slug: Learn/CSS/Building_blocks/Селекторы/Pseudo-classes_and_pseudo-elements +title: Псевдоклассы, псевдоэлементы +slug: Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-elements tags: - CSS - Начинающий @@ -10,6 +10,7 @@ tags: - Селекторы - псевдокласс translation_of: Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-elements +original_slug: Learn/CSS/Building_blocks/Селекторы/Pseudo-classes_and_pseudo-elements --- <p>{{LearnSidebar}}{{PreviousMenuNext("Learn/CSS/Building_blocks/Selectors/Attribute_selectors", "Learn/CSS/Building_blocks/Selectors/Combinators", "Learn/CSS/Building_blocks")}}</p> diff --git a/files/ru/learn/css/building_blocks/селекторы/селекторы_задачи/index.html b/files/ru/learn/css/building_blocks/selectors/selectors_tasks/index.html index b8f36063c2..4375def5db 100644 --- a/files/ru/learn/css/building_blocks/селекторы/селекторы_задачи/index.html +++ b/files/ru/learn/css/building_blocks/selectors/selectors_tasks/index.html @@ -1,10 +1,11 @@ --- title: 'Проверьте ваши навыки: Селекторы' -slug: Learn/CSS/Building_blocks/Селекторы/Селекторы_Задачи +slug: Learn/CSS/Building_blocks/Selectors/Selectors_Tasks tags: - CSS - Начинающий translation_of: Learn/CSS/Building_blocks/Selectors/Selectors_Tasks +original_slug: Learn/CSS/Building_blocks/Селекторы/Селекторы_Задачи --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/css/building_blocks/селекторы/type_class_and_id_selectors/index.html b/files/ru/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.html index 875899ab41..2d54a6bde3 100644 --- a/files/ru/learn/css/building_blocks/селекторы/type_class_and_id_selectors/index.html +++ b/files/ru/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.html @@ -1,6 +1,6 @@ --- -title: 'Селекторы типа, класса и ID' -slug: Learn/CSS/Building_blocks/Селекторы/Type_Class_and_ID_Selectors +title: Селекторы типа, класса и ID +slug: Learn/CSS/Building_blocks/Selectors/Type_Class_and_ID_Selectors tags: - CSS - id @@ -9,6 +9,7 @@ tags: - Обучение - Селекторы translation_of: Learn/CSS/Building_blocks/Selectors/Type_Class_and_ID_Selectors +original_slug: Learn/CSS/Building_blocks/Селекторы/Type_Class_and_ID_Selectors --- <p>{{LearnSidebar}}{{PreviousMenuNext("Learn/CSS/Building_blocks/Selectors", "Learn/CSS/Building_blocks/Selectors/Attribute_selectors", "Learn/CSS/Building_blocks")}}</p> diff --git a/files/ru/learn/css/css_layout/навыки_multicol/index.html b/files/ru/learn/css/css_layout/multicol_skills/index.html index c549f1210b..147a0c024b 100644 --- a/files/ru/learn/css/css_layout/навыки_multicol/index.html +++ b/files/ru/learn/css/css_layout/multicol_skills/index.html @@ -1,7 +1,8 @@ --- title: 'Проверь свои навыки: Multicol' -slug: Learn/CSS/CSS_layout/Навыки_Multicol +slug: Learn/CSS/CSS_layout/Multicol_skills translation_of: Learn/CSS/CSS_layout/Multicol_skills +original_slug: Learn/CSS/CSS_layout/Навыки_Multicol --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/css/css_layout/макет_с_несколькими_столбцами/index.html b/files/ru/learn/css/css_layout/multiple-column_layout/index.html index 9ba48bbbef..7aa24804af 100644 --- a/files/ru/learn/css/css_layout/макет_с_несколькими_столбцами/index.html +++ b/files/ru/learn/css/css_layout/multiple-column_layout/index.html @@ -1,7 +1,8 @@ --- title: Макет с несколькими столбцами -slug: Learn/CSS/CSS_layout/Макет_с_несколькими_столбцами +slug: Learn/CSS/CSS_layout/Multiple-column_Layout translation_of: Learn/CSS/CSS_layout/Multiple-column_Layout +original_slug: Learn/CSS/CSS_layout/Макет_с_несколькими_столбцами --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/css/css_layout/нормальный_поток/index.html b/files/ru/learn/css/css_layout/normal_flow/index.html index d936c240c5..707909d096 100644 --- a/files/ru/learn/css/css_layout/нормальный_поток/index.html +++ b/files/ru/learn/css/css_layout/normal_flow/index.html @@ -1,10 +1,11 @@ --- title: Базовый поток -slug: Learn/CSS/CSS_layout/Нормальный_поток +slug: Learn/CSS/CSS_layout/Normal_Flow tags: - float - grid translation_of: Learn/CSS/CSS_layout/Normal_Flow +original_slug: Learn/CSS/CSS_layout/Нормальный_поток --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/css/css_layout/навыки_позиционирования/index.html b/files/ru/learn/css/css_layout/position_skills/index.html index f63a3a3a94..b6723cda0d 100644 --- a/files/ru/learn/css/css_layout/навыки_позиционирования/index.html +++ b/files/ru/learn/css/css_layout/position_skills/index.html @@ -1,7 +1,8 @@ --- title: 'Проверьте свои навыки: позиционирование' -slug: Learn/CSS/CSS_layout/Навыки_позиционирования +slug: Learn/CSS/CSS_layout/Position_skills translation_of: Learn/CSS/CSS_layout/Position_skills +original_slug: Learn/CSS/CSS_layout/Навыки_позиционирования --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/css/css_layout/отзывчивый_дизайн/index.html b/files/ru/learn/css/css_layout/responsive_design/index.html index 978b4e43dc..ee270e0769 100644 --- a/files/ru/learn/css/css_layout/отзывчивый_дизайн/index.html +++ b/files/ru/learn/css/css_layout/responsive_design/index.html @@ -1,7 +1,8 @@ --- title: Отзывчивый дизайн -slug: Learn/CSS/CSS_layout/Отзывчивый_дизайн +slug: Learn/CSS/CSS_layout/Responsive_Design translation_of: Learn/CSS/CSS_layout/Responsive_Design +original_slug: Learn/CSS/CSS_layout/Отзывчивый_дизайн --- <div>{{learnsidebar}}{{PreviousMenuNext("Learn/CSS/CSS_layout/Multiple-column_Layout", "Learn/CSS/CSS_layout/Media_queries", "Learn/CSS/CSS_layout")}}</div> diff --git a/files/ru/learn/css/css_properties/index.html b/files/ru/learn/css/css_properties/index.html deleted file mode 100644 index a6d9e5d116..0000000000 --- a/files/ru/learn/css/css_properties/index.html +++ /dev/null @@ -1,133 +0,0 @@ ---- -title: 'CSS properties: what they are and how to use them' -slug: Learn/CSS/CSS_properties -translation_of: Learn/CSS/Building_blocks/Selectors -translation_of_original: Learn/CSS/CSS_properties ---- -<div class="summary"> -<p>{{Glossary("CSS")}} определяет как должна выглядеть вебстраница. Он использует предопределенные правила вместе с селекторами и свойствами для применения стилей к элементам HTML или группам элементов.</p> -</div> - -<table class="learn-box standard-table"> - <tbody> - <tr> - <th scope="row">Prerequisites:</th> - <td>Basics of {{Glossary("HTML")}}, <a href="https://developer.mozilla.org/en-US/Learn/HTML/HTML_tags">HTML elements</a>, and <a href="https://developer.mozilla.org/en-US/Learn/CSS/Using_CSS_in_a_web_page#The_link_tag">how to link HTML documents to CSS stylesheets</a>.</td> - </tr> - <tr> - <th scope="row">Objective:</th> - <td>Learn about different CSS selectors and properties enough to style a simple webpage.</td> - </tr> - </tbody> -</table> - -<h2 id="Summary">Summary</h2> - -<p>Разделение содержимого и стиля делает Веб разработку намного быстрее и проще. Когда вы определяете только стуктуру документа в вашем HTML файле и храните всю информацию о стиле в отдельном файле (называемом stylesheet), вы можете обновлять стили нескольких документов одновременно (а так же экономить ресурсы компьютера).</p> - -<p>CSS syntax consists of easy-to-use, intuitive keywords.</p> - -<pre class="brush: css">p { - font-family: "Times New Roman", georgia, sans-serif; - font-size: 24px; -}</pre> - -<p>In the example above, <code>p</code> is a selector that applies styles to all the <code>{{HTMLElement("p")}}</code> elements at once. The CSS properties <code>font-family</code> and <code>font-size</code> are enclosed within curly braces and the corresponding values, right after the colon, determine the styles.</p> - -<p>There are more than <a href="/en-US/docs/Web/CSS/Reference">250 properties</a> you can apply to your document. From text to layout, (almost) anything is possible.</p> - -<h2 id="Active_Learning">Active Learning</h2> - -<p><em>There is no active learning available yet. <a href="/en-US/docs/MDN/Getting_started">Please, consider contributing</a>.</em></p> - -<h2 id="Deeper_dive">Deeper dive</h2> - -<p>If properties are fairly simple to use, selectors are another story. Okay, they aren't that hard, and mastering them unleashes the full potential of CSS. In the next examples, we will introduce the most common selectors.</p> - -<p>A CSS rule consists of selectors associated with properties. Selectors specify which elements will receive the properties laid down in the rule. Multiple rules can apply to the same element; the CSS cascade (which we'll discuss later on) determines which rule ends up taking effect in the case of conflicts. For now, just remember that the rule with the most <a href="/en-US/docs/Web/CSS/Specificity">specific selector</a> overrides the rules with more generic selectors.</p> - -<h3 id="The_element_selector">The element selector</h3> - -<p>Element selectors select HTML elements by element names only. Moreover, like all CSS selectors, you can apply a common set of properties to several elements at once.</p> - -<p>For our first example, let's assume the following HTML code fragment:</p> - -<pre class="brush: html"><h1>I'm an example</h1> -<p>In this example, I'm a paragraph</p> -<p>And I'm another paragraph</p> -</pre> - -<p>In the following CSS rule, the element selector <code>p</code> applies the given styles simultaneously to all the <code>{{HTMLElement("p")}}</code> elements of our HTML document, preventing extensive rewriting. We are using the {{cssxref("font-family")}} property (which defines the font in which text appears) and the {{cssxref("font-size")}} (which defines text size).</p> - -<pre class="brush: css">p { - font-family: "Helvetica", Arial, sans-serif; - font-size : 12px; -}</pre> - -<p>The next CSS rule only applies to <code>{{HTMLElement("h1")}}</code> elements. We are using the {{cssxref("font-size")}} property to make our title twice the size of the body text, and the {{cssxref("font-weight")}} property to make the title bold.</p> - -<pre class="brush: css">h1 { - font-size : 24px; - font-weight: bold; -}</pre> - -<p>The following CSS rule applies the requisite styles to both <code>{{HTMLElement("h1")}}</code> and <code>{{HTMLElement("p")}}</code> elements, potentially removing even more duplication. (This use is called "group selector" or "chain selector". Notice the comma separating the selectors). Here we are using the {{cssxref("color")}} property to specify the same text color for both headings and paragraphs.</p> - -<pre class="brush: css">h1, p { - color: darkmagenta; -}</pre> - -<p>Here is the result of all this code:</p> - -<p>{{ EmbedLiveSample('The_element_selector') }}</p> - -<h3 id="The_id_selector">The id selector</h3> - -<p>The <code>id</code><strong> </strong>attribute of a particular HTML element uniquely identifies that element. Hence, an id selector is used only when a set of style rules applies to a single element.</p> - -<p>For our next example, let's assume the following HTML code fragment:</p> - -<pre class="brush: html"><p id="hello">Hello world!</p> </pre> - -<p>The following CSS rule applies only to that unique identified element. To make a selector into an id selector, you must put a hash character (#) in front of the id name. We are using three properties: {{cssxref("text-align")}} to center the text within the paragraph {{cssxref("border")}} to add a thin line around the paragraph, and {{cssxref("padding")}} to add some extra inner-margin between the text and the border.</p> - -<pre class="brush: css">#hello { - text-align: center; - border : 1px solid black; - padding : 8px; -}</pre> - -<p>And the result is the following:</p> - -<p>{{ EmbedLiveSample('The_id_selector') }}</p> - -<h3 id="The_class_selector">The class selector</h3> - -<p>Within HTML, the <code>class</code><strong> </strong>attribute lets you apply multiple identifiers to HTML elements. Those identifiers can be used with CSS to match groups of elements regardless of element name.</p> - -<p>For our next example, let's assume the following HTML code fragment:</p> - -<pre class="brush: html"><h1 class="hello">Hey there!</h1> -<p class="hello bye">Let's hang out together!</p> -<p class="bye">And walk over the mountain</p> -</pre> - -<p>Let's apply a CSS rule for all elements with the class <code>hello</code>. To make the selector into a class selector, put a period/full stop before the class name. We use the {{cssxref("font-style")}} property to italicize the text.</p> - -<pre class="brush: css">.hello { - font-style: italic; -}</pre> - -<p>And another one for all elements with the class <code>bye</code>. Here we are using the {{cssxref("text-decoration")}} property to draw a line through the text.</p> - -<pre class="brush: css">.bye { - text-decoration: line-through; -}</pre> - -<p>Here's what happened:</p> - -<p>{{ EmbedLiveSample('The_class_selector') }}</p> - -<h2 id="Next_step">Next step</h2> - -<p>So we've gone over the basics to get started with CSS. You can <a href="/en-US/docs/Learn/CSS/Basic_text_styling_in_CSS">learn more about text styling</a> or start exploring<a href="/en-US/docs/Web/CSS/Tutorials"> our CSS Tutorials</a> right away.</p> diff --git a/files/ru/learn/css/first_steps/как_структурирован_css/index.html b/files/ru/learn/css/first_steps/how_css_is_structured/index.html index d2c60edcfb..62bbb0b148 100644 --- a/files/ru/learn/css/first_steps/как_структурирован_css/index.html +++ b/files/ru/learn/css/first_steps/how_css_is_structured/index.html @@ -1,6 +1,6 @@ --- title: Как структурирован CSS -slug: Learn/CSS/First_steps/Как_структурирован_CSS +slug: Learn/CSS/First_steps/How_CSS_is_structured tags: - Beginner - CSS @@ -15,6 +15,7 @@ tags: - селектор - сокращение translation_of: Learn/CSS/First_steps/How_CSS_is_structured +original_slug: Learn/CSS/First_steps/Как_структурирован_CSS --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/css/first_steps/что_такое_css/index.html b/files/ru/learn/css/first_steps/what_is_css/index.html index 6b5bdf8924..6dd204cd6b 100644 --- a/files/ru/learn/css/first_steps/что_такое_css/index.html +++ b/files/ru/learn/css/first_steps/what_is_css/index.html @@ -1,6 +1,6 @@ --- title: Что такое CSS? -slug: Learn/CSS/First_steps/Что_такое_CSS +slug: Learn/CSS/First_steps/What_is_CSS tags: - Beginner - CSS @@ -11,6 +11,7 @@ tags: - Синтаксис - Спецификации translation_of: Learn/CSS/First_steps/What_is_CSS +original_slug: Learn/CSS/First_steps/Что_такое_CSS --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/css/howto/css_faq/index.html b/files/ru/learn/css/howto/css_faq/index.html new file mode 100644 index 0000000000..59f971e488 --- /dev/null +++ b/files/ru/learn/css/howto/css_faq/index.html @@ -0,0 +1,183 @@ +--- +title: Common CSS questions +slug: Learn/CSS/Howto/CSS_FAQ +translation_of: Learn/CSS/Howto/CSS_FAQ +original_slug: Web/CSS/Common_CSS_Questions +--- +<h2 id="Why_doesn't_my_CSS_which_is_valid_render_correctly">Why doesn't my CSS, which is valid, render correctly?</h2> + +<p>Браузер использует декларацию <code>DOCTYPE</code> чтобы выбрать, как именно отображать документ - в форме, более совместимой с современными стандартами или в форме, которую будут поддерживать старые браузеры. Правильное использование декларациии <code>DOCTYPE</code> в начале вашего HTML кода повлияет на совместимость с современными стандартами веб браузеров.</p> + +<p>У современных браузеров есть два режима отображения веб-страниц:</p> + +<ul> + <li><em>Индивидуальный</em>: его также называют backwards-compatibility mode, даёт возможность устаревшим страницам отображаться так, как планировал автор, следуя уже не стандартным правилам отображения, которые использовались ещё старыми браузерами. Документы с неполной, некорректной или отстутвующей <code>DOCTYPE</code> декларацией или с тем видом <code>DOCTYPE</code>, который использовался до 2001 года, будет отображён в индивидуальном режиме.</li> + <li><em>Стандартный</em>: в этом режиме браузер старается строго следовать стандартам W3C. Ожидается, что современные HTML страницы разработаны для браузеров, следуемых стандартам, и в результате, страницы с современным <code>DOCTYPE</code> отображаются уже в стандартом режиме.</li> +</ul> + +<p>Gecko-based browsers, have a third <em><a href="/en-US/docs/Gecko's_"Almost_Standards"_Mode" title="Gecko's_"Almost_Standards"_Mode">Almost Standards Mode</a></em> that has only a few minor quirks.</p> + +<p>This is a list of the most commonly used <code>DOCTYPE</code> declarations that will trigger Standards or Almost Standards mode:</p> + +<pre><!DOCTYPE html> /* This is the HTML5 doctype. Given that each modern browser uses an HTML5 + parser, this is the recommended doctype */ + +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" +"http://www.w3.org/TR/html4/loose.dtd"> + +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" +"http://www.w3.org/TR/html4/strict.dtd"> + +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" +"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> + +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" +"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +</pre> + +<h2 id="My_CSS_is_valid.2C_but_not_correctly_rendered" name="My_CSS_is_valid.2C_but_not_correctly_rendered">Why doesn't my CSS, which is valid, render at all?</h2> + +<p>To be applied, a CSS stylesheet must be served with a <code>text/css</code> MIME type. If the Web server doesn't serve it with this type, it won't be applied.</p> + +<h2 id="Difference_between_id_and_class" name="Difference_between_id_and_class">What is the difference between <code>id</code> and <code>class</code>?</h2> + +<p>HTML elements can have an id and/or class attribute. The id attribute assigns a name to the element it is applied to, and for valid markup, there can be only one element with that name. The class attribute assigns a class name to the element, and that name can be used on many elements within the page. CSS allows you to apply styles to particular id and/or class names.<br> + <br> + Use an id-specific style when you want to restrict the applied styling rules to one specific block or element. This style will only be used by the element with that particular id.<br> + <br> + Use a class-specific style when you want to apply the styling rules to many blocks and elements within the page.</p> + +<p>Stylesheets with fewer rules are usually more performant. It is therefore recommended to use classes as much as possible, and to reserve the use of id for specific uses (like to connect label and form elements or for styling elements that must be semantically unique).</p> + +<p>See <a href="/en-US/docs/CSS/Getting_Started/Selectors" title="CSS/Getting_Started/Selectors"> CSS selectors</a></p> + +<h2 id="Restoring_the_default_property_value" name="Restoring_the_default_property_value">How do I restore the default value of a property?</h2> + +<p>Initially CSS didn't provide a "default" keyword and the only way to restore the default value of a property is to explicitly re-declare that property.</p> + +<p>This has changed with CSS 2; the keyword <a href="/es/CSS/initial" title="initial">initial</a> is now a valid value for a CSS property. It resets it to its default value, which is defined in the CSS specification of the given property.</p> + +<h2 id="Derived_styles" name="Derived_styles">How do I derive one style from another?</h2> + +<p>CSS does not allow one style to be defined in terms of another. (See <a href="http://archivist.incutio.com/viewlist/css-discuss/2685">Eric Meyer's note about the Working Group's stance</a>). However, assigning multiple classes to a single element can provide the same effect.</p> + +<h2 id="Assigning_multiple_classes" name="Assigning_multiple_classes">How do I assign multiple classes to an element?</h2> + +<p>HTML elements can be assigned multiple classes by listing the classes in the <code>class</code> attribute, with a blank space to separate them.</p> + +<pre><style type="text/css"> +.news { background: black; color: white; } +.today { font-weight: bold; } +</style> + +<div class="news today"> +... content of today's news ... +</div> +</pre> + +<p>If the same property is declared in both rules, the conflict is resolved first through specificity, then according to the order of the CSS declarations. The order of classes in the <code>class</code> attribute is not relevant.</p> + +<h2 id="Style_rules_that_don.27t_work" name="Style_rules_that_don.27t_work">Why don't my style rules work properly?</h2> + +<p>Style rules that are syntactically correct may not apply in certain situations. You can use <a href="/en-US/docs/DOM_Inspector" title="DOM_Inspector">DOM Inspector</a>'s <em>CSS Style Rules</em> view to debug problems of this kind, but the most frequent instances of ignored style rules are listed below.</p> + +<h3 id="HTML_elements_hierarchy" name="HTML_elements_hierarchy">HTML elements hierarchy</h3> + +<p>The way CSS styles are applied to HTML elements depends also on the elements hierarchy. It is important to remember that a rule applied to a descendent overrides the style of the parent, in spite of any specificity or priority of CSS rules.</p> + +<pre>.news { color: black; } +.corpName { font-weight: bold; color: red; } + +<!-- news item text is black, but corporate name is red and in bold --> +<div class="news"> + (Reuters) <span class="corpName">General Electric</span> (GE.NYS) announced on Thursday... +</div> +</pre> + +<p>In case of complex HTML hierarchies, if a rule seems to be ignored, check if the element is inside another element with a different style.</p> + +<h3 id="Explicitly_re-defined_style_rule" name="Explicitly_re-defined_style_rule">Explicitly re-defined style rule</h3> + +<p>In CSS stylesheets, order <strong>is</strong> important. If you define a rule and then you re-define the same rule, the last definition is used.</p> + +<pre>#stockTicker { font-weight: bold; } +.stockSymbol { color: red; } +/* other rules */ +/* other rules */ +/* other rules */ +.stockSymbol { font-weight: normal; } + +<!-- most text is in bold, except "GE", which is red and not bold --> +<div id="stockTicker"> + NYS: <span class="stockSymbol">GE</span> +1.0 ... +</div> +</pre> + +<p>To avoid this kind of error, try to define rules only once for a certain selector, and group all rules belonging to that selector.</p> + +<h3 id="Use_of_a_shorthand_property" name="Use_of_a_shorthand_property">Use of a shorthand property</h3> + +<p>Using shorthand properties for defining style rules is good because it uses a very compact syntax. Using shorthand with only some attributes is possible and correct, but it must be remembered that undeclared attributes are automatically reset to default. This means that a previous rule for a single attribute could be implicitly overridden.</p> + +<pre>#stockTicker { font-size: 12px; font-family: Verdana; font-weight: bold; } +.stockSymbol { font: 14px Arial; color: red; } + +<div id="stockTicker"> + NYS: <span class="stockSymbol">GE</span> +1.0 ... +</div> +</pre> + +<p>In the previous example the problem occurred on rules belonging to different elements, but it could happen also for the same element, because rule order <strong>is</strong> important.</p> + +<pre>#stockTicker { + font-weight: bold; + font: 12px Verdana; /* font-weight is now normal */ +} +</pre> + +<h3 id="Use_of_the_.2A_selector" name="Use_of_the_.2A_selector">Use of the <code>*</code> selector</h3> + +<p>The <code>*</code> wildcard selector refers to any element, and it has to be used with particular care.</p> + +<pre>body * { font-weight: normal; } +#stockTicker { font: 12px Verdana; } +.corpName { font-weight: bold; } +.stockUp { color: red; } + +<div id="section"> + NYS: <span class="corpName"><span class="stockUp">GE</span></span> +1.0 ... +</div> +</pre> + +<p>In this example the <code>body *</code> selector applies the rule to all elements inside body, at any hierarchy level, including the .stockUp class. So <code>font-weight: bold;</code> applied to the .corpName class is overridden by <code>font-weight: normal;</code> applied to all elements in the body.</p> + +<p>The use of the * selector should be minimized as it is a slow selector, especially when not used as the first element of a selector. Its use should be avoided as much as possible.</p> + +<h3 id="Specificity_in_CSS" name="Specificity_in_CSS">Specificity in CSS</h3> + +<p>When multiples rules apply to a certain element, the rule chosen depends on its style <a href="/en-US/docs/CSS/Specificity" title="Specificity">specificity</a>. Inline style (in HTML <code>style</code> attributes) comes first, followed by ID selectors, then class selectors and eventually element-name selectors.</p> + +<pre>div { color: black; } +#orange { color: orange; } +.green { color: green; } + +<div id="orange" class="green" style="color: red;">This is red</div> +</pre> + +<p>The rules are more complicated when the selector has multiple parts. More detailed information about how selector specificity is calculated can be found in the <a href="http://www.w3.org/TR/CSS21/cascade.html#specificity">CSS 2.1 Specification chapter 6.4.3</a>.</p> + +<h2 id="What_do_the_-moz-.2A_properties_do.3F" name="What_do_the_-moz-.2A_properties_do.3F">What do the -moz-*, -ms-*, -webkit-*, -o-* and -khtml-* properties do?</h2> + +<p>These properties, called <em>prefixed properties</em>, are extensions to the CSS standard. They are used to use experimental and non-standard features without polluting the regular namespace, preventing future incompatibilities to arise when the standard is extended.</p> + +<p>The use of such properties on production websites is not recommended. If nevertheless needed, you are hinted to make a plan for the website evolution: these prefixed properties can be modified or even suppressed when the standard evolves.</p> + +<p>Please see the <a href="/en-US/docs/CSS/CSS_Reference/Mozilla_Extensions" title="CSS Reference/Mozilla Extensions">Mozilla CSS Extensions</a> page for more information on the Mozilla-prefixed CSS properties.</p> + +<h2 id="How_does_z-index_relate_to_positioning">How does z-index relate to positioning?</h2> + +<p>The z-index property specifies the stack order of elements.</p> + +<p>An element with a higher z-index/stack order is always in front of an element with a lower z-index/stack order.</p> + +<p>Z-index will only work on elements that have a specified position (<code>position:absolute</code>, <code>position:relative</code>, or <code>position:fixed</code>).</p> diff --git a/files/ru/learn/css/как/index.html b/files/ru/learn/css/howto/index.html index 105c7f0a97..691f887381 100644 --- a/files/ru/learn/css/как/index.html +++ b/files/ru/learn/css/howto/index.html @@ -1,7 +1,8 @@ --- title: Использование CSS для решения общих проблем -slug: Learn/CSS/Как +slug: Learn/CSS/Howto translation_of: Learn/CSS/Howto +original_slug: Learn/CSS/Как --- <p class="summary">Следующие ссылки указывают на решения общих повседневных проблем, вам придется решать их с помощью CSS.</p> diff --git a/files/ru/learn/css/styling_text/стилизация_списков/index.html b/files/ru/learn/css/styling_text/styling_lists/index.html index b749acb5cc..401cd7e6e1 100644 --- a/files/ru/learn/css/styling_text/стилизация_списков/index.html +++ b/files/ru/learn/css/styling_text/styling_lists/index.html @@ -1,7 +1,8 @@ --- title: Стилизация списков -slug: Learn/CSS/Styling_text/Стилизация_списков +slug: Learn/CSS/Styling_text/Styling_lists translation_of: Learn/CSS/Styling_text/Styling_lists +original_slug: Learn/CSS/Styling_text/Стилизация_списков --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/css/styling_text/задание_colon__стилизирование_школьного_сайта/index.html b/files/ru/learn/css/styling_text/typesetting_a_homepage/index.html index 4f77ee31bc..fd8fa8eb06 100644 --- a/files/ru/learn/css/styling_text/задание_colon__стилизирование_школьного_сайта/index.html +++ b/files/ru/learn/css/styling_text/typesetting_a_homepage/index.html @@ -1,7 +1,8 @@ --- title: 'Задание: Стилизирование школьного сайта' -slug: 'Learn/CSS/Styling_text/Задание:_Стилизирование_школьного_сайта' +slug: Learn/CSS/Styling_text/Typesetting_a_homepage translation_of: Learn/CSS/Styling_text/Typesetting_a_homepage +original_slug: Learn/CSS/Styling_text/Задание:_Стилизирование_школьного_сайта --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/css/styling_text/веб_шрифты/index.html b/files/ru/learn/css/styling_text/web_fonts/index.html index f6ca27747f..03318d45b6 100644 --- a/files/ru/learn/css/styling_text/веб_шрифты/index.html +++ b/files/ru/learn/css/styling_text/web_fonts/index.html @@ -1,7 +1,8 @@ --- title: Веб-шрифты -slug: Learn/CSS/Styling_text/Веб_шрифты +slug: Learn/CSS/Styling_text/Web_fonts translation_of: Learn/CSS/Styling_text/Web_fonts +original_slug: Learn/CSS/Styling_text/Веб_шрифты --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/html/forms/стандартные_виджеты_форм/index.html b/files/ru/learn/forms/basic_native_form_controls/index.html index eae3fbb32d..f6465a6aa0 100644 --- a/files/ru/learn/html/forms/стандартные_виджеты_форм/index.html +++ b/files/ru/learn/forms/basic_native_form_controls/index.html @@ -1,7 +1,8 @@ --- title: Стандартные виджеты форм -slug: Learn/HTML/Forms/Стандартные_виджеты_форм +slug: Learn/Forms/Basic_native_form_controls translation_of: Learn/Forms/Basic_native_form_controls +original_slug: Learn/HTML/Forms/Стандартные_виджеты_форм --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/html/forms/валидация_формы/index.html b/files/ru/learn/forms/form_validation/index.html index f2c5f362ac..4aec16d46d 100644 --- a/files/ru/learn/html/forms/валидация_формы/index.html +++ b/files/ru/learn/forms/form_validation/index.html @@ -1,7 +1,8 @@ --- title: Проверка данных формы (проверка валидности формы на стороне клиента) -slug: Learn/HTML/Forms/Валидация_формы +slug: Learn/Forms/Form_validation translation_of: Learn/Forms/Form_validation +original_slug: Learn/HTML/Forms/Валидация_формы --- <p> <audio class="audio-for-speech"></audio> diff --git a/files/ru/learn/html/forms/how_to_build_custom_form_widgets/index.html b/files/ru/learn/forms/how_to_build_custom_form_controls/index.html index 8a4ca2d6b8..344868775b 100644 --- a/files/ru/learn/html/forms/how_to_build_custom_form_widgets/index.html +++ b/files/ru/learn/forms/how_to_build_custom_form_controls/index.html @@ -1,6 +1,6 @@ --- title: Как создавать пользовательские виджеты форм -slug: Learn/HTML/Forms/How_to_build_custom_form_widgets +slug: Learn/Forms/How_to_build_custom_form_controls tags: - HTML - Web @@ -9,6 +9,7 @@ tags: - Руководство - Формы translation_of: Learn/Forms/How_to_build_custom_form_controls +original_slug: Learn/HTML/Forms/How_to_build_custom_form_widgets --- <div>{{LearnSidebar}}{{PreviousMenuNext("Learn/HTML/Forms/Form_validation", "Learn/HTML/Forms/Sending_forms_through_JavaScript", "Learn/HTML/Forms")}}</div> diff --git a/files/ru/learn/html/forms/how_to_structure_an_html_form/index.html b/files/ru/learn/forms/how_to_structure_a_web_form/index.html index 741d773dba..97f8a42ad8 100644 --- a/files/ru/learn/html/forms/how_to_structure_an_html_form/index.html +++ b/files/ru/learn/forms/how_to_structure_a_web_form/index.html @@ -1,6 +1,6 @@ --- title: Как структурировать HTML-формы -slug: Learn/HTML/Forms/How_to_structure_an_HTML_form +slug: Learn/Forms/How_to_structure_a_web_form tags: - HTML-форма - Веб-форма @@ -9,6 +9,7 @@ tags: - Структурирование - Форма translation_of: Learn/Forms/How_to_structure_a_web_form +original_slug: Learn/HTML/Forms/How_to_structure_an_HTML_form --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/html/forms/index.html b/files/ru/learn/forms/index.html index 02e36df560..3addc9a37b 100644 --- a/files/ru/learn/html/forms/index.html +++ b/files/ru/learn/forms/index.html @@ -1,6 +1,6 @@ --- title: Руководство по HTML-формам -slug: Learn/HTML/Forms +slug: Learn/Forms tags: - HTML - Web @@ -8,6 +8,7 @@ tags: - Руководство - Формы translation_of: Learn/Forms +original_slug: Learn/HTML/Forms --- <p>{{LearnSidebar}}</p> diff --git a/files/ru/learn/html/forms/отправка_и_получение_данных_формы/index.html b/files/ru/learn/forms/sending_and_retrieving_form_data/index.html index 9e7900f783..3aebc66024 100644 --- a/files/ru/learn/html/forms/отправка_и_получение_данных_формы/index.html +++ b/files/ru/learn/forms/sending_and_retrieving_form_data/index.html @@ -1,7 +1,8 @@ --- title: Отправка данных формы -slug: Learn/HTML/Forms/Отправка_и_Получение_данных_формы +slug: Learn/Forms/Sending_and_retrieving_form_data translation_of: Learn/Forms/Sending_and_retrieving_form_data +original_slug: Learn/HTML/Forms/Отправка_и_Получение_данных_формы --- <div>{{LearnSidebar}}{{PreviousMenuNext("Learn/HTML/Forms/The_native_form_widgets", "Learn/HTML/Forms/Form_validation", "Learn/HTML/Forms")}}</div> diff --git a/files/ru/learn/html/forms/sending_forms_through_javascript/index.html b/files/ru/learn/forms/sending_forms_through_javascript/index.html index d98ccea1ac..b686d909df 100644 --- a/files/ru/learn/html/forms/sending_forms_through_javascript/index.html +++ b/files/ru/learn/forms/sending_forms_through_javascript/index.html @@ -1,7 +1,8 @@ --- title: Отправка форм при помощи JavaScript -slug: Learn/HTML/Forms/Sending_forms_through_JavaScript +slug: Learn/Forms/Sending_forms_through_JavaScript translation_of: Learn/Forms/Sending_forms_through_JavaScript +original_slug: Learn/HTML/Forms/Sending_forms_through_JavaScript --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/html/forms/styling_html_forms/index.html b/files/ru/learn/forms/styling_web_forms/index.html index f8cc1644dc..f818654906 100644 --- a/files/ru/learn/html/forms/styling_html_forms/index.html +++ b/files/ru/learn/forms/styling_web_forms/index.html @@ -1,7 +1,8 @@ --- title: Стили HTML форм -slug: Learn/HTML/Forms/Styling_HTML_forms +slug: Learn/Forms/Styling_web_forms translation_of: Learn/Forms/Styling_web_forms +original_slug: Learn/HTML/Forms/Styling_HTML_forms --- <p>{{LearnSidebar}}{{PreviousMenuNext("Learn/HTML/Forms/HTML_forms_in_legacy_browsers", "Learn/HTML/Forms/Advanced_styling_for_HTML_forms", "Learn/HTML/Forms")}}</p> diff --git a/files/ru/learn/html/forms/ваша_первая_html_форма/index.html b/files/ru/learn/forms/your_first_form/index.html index b68d433739..4cb3f856d0 100644 --- a/files/ru/learn/html/forms/ваша_первая_html_форма/index.html +++ b/files/ru/learn/forms/your_first_form/index.html @@ -1,11 +1,12 @@ --- title: Ваша первая HTML форма -slug: Learn/HTML/Forms/Ваша_первая_HTML_форма +slug: Learn/Forms/Your_first_form tags: - HTML-форма - Веб-форма - Форма translation_of: Learn/Forms/Your_first_form +original_slug: Learn/HTML/Forms/Ваша_первая_HTML_форма --- <div>{{LearnSidebar}}{{NextMenu("Learn/HTML/Forms/How_to_structure_an_HTML_form", "Learn/HTML/Forms")}}</div> diff --git a/files/ru/learn/фронтенд_разработчик/index.html b/files/ru/learn/front-end_web_developer/index.html index c219d6a069..7c0e93322d 100644 --- a/files/ru/learn/фронтенд_разработчик/index.html +++ b/files/ru/learn/front-end_web_developer/index.html @@ -1,11 +1,12 @@ --- title: Фронтенд разработчик -slug: Learn/Фронтенд_разработчик +slug: Learn/Front-end_web_developer tags: - Начинающий - Стандарты веб-разработки - Фронт-енд translation_of: Learn/Front-end_web_developer +original_slug: Learn/Фронтенд_разработчик --- <p>{{learnsidebar}}<br> <br> diff --git a/files/ru/learn/getting_started_with_the_web/установка_базового_программного_обеспечения/index.html b/files/ru/learn/getting_started_with_the_web/installing_basic_software/index.html index 40b4254712..2829c00c84 100644 --- a/files/ru/learn/getting_started_with_the_web/установка_базового_программного_обеспечения/index.html +++ b/files/ru/learn/getting_started_with_the_web/installing_basic_software/index.html @@ -1,6 +1,6 @@ --- title: Установка базового программного обеспечения -slug: Learn/Getting_started_with_the_web/Установка_базового_программного_обеспечения +slug: Learn/Getting_started_with_the_web/Installing_basic_software tags: - WebMechanics - Браузер @@ -11,6 +11,7 @@ tags: - Текстовый редактор - Установка translation_of: Learn/Getting_started_with_the_web/Installing_basic_software +original_slug: Learn/Getting_started_with_the_web/Установка_базового_программного_обеспечения --- <div> <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/getting_started_with_the_web/веб_и_веб_стандарты/index.html b/files/ru/learn/getting_started_with_the_web/the_web_and_web_standards/index.html index 08fad617b5..8791fab186 100644 --- a/files/ru/learn/getting_started_with_the_web/веб_и_веб_стандарты/index.html +++ b/files/ru/learn/getting_started_with_the_web/the_web_and_web_standards/index.html @@ -1,10 +1,11 @@ --- title: Всемирная сеть (веб) и веб-стандарты -slug: Learn/Getting_started_with_the_web/Веб_и_веб_стандарты +slug: Learn/Getting_started_with_the_web/The_web_and_web_standards tags: - Веб-стандарты - Изучение translation_of: Learn/Getting_started_with_the_web/The_web_and_web_standards +original_slug: Learn/Getting_started_with_the_web/Веб_и_веб_стандарты --- <p dir="ltr">{{learnsidebar}}</p> diff --git a/files/ru/learn/html/howto/author_fast-loading_html_pages/index.html b/files/ru/learn/html/howto/author_fast-loading_html_pages/index.html new file mode 100644 index 0000000000..a7b386098d --- /dev/null +++ b/files/ru/learn/html/howto/author_fast-loading_html_pages/index.html @@ -0,0 +1,205 @@ +--- +title: Tips for authoring fast-loading HTML pages +slug: Learn/HTML/Howto/Author_fast-loading_HTML_pages +translation_of: Learn/HTML/Howto/Author_fast-loading_HTML_pages +original_slug: Web/Guide/HTML/Tips_for_authoring_fast-loading_HTML_pages +--- +<p>Эти советы основаны на общих знаниях и экспериментах.</p> + +<p>Оптимизированная веб-страница не только обеспечивает более отзывчивый сайт для ваших посетителей, но также снижает нагрузку на ваши веб-серверы и интернет-соединения. Это может иметь решающее значение для сайтов с большим объемом или сайтов, которые имеют всплеск трафика из-за необычных обстоятельств, таких как последние новости</p> + +<p>Оптимизация производительности загрузки страницы нужна не только для контента, который будет просматриваться узкополосным модемом или посетителями мобильных устройств. Это так же важно для широкополосного контента и может привести к значительным улучшениям даже для ваших посетителей с самыми быстрыми подключениями.</p> + +<h2 id="Tips" name="Tips">Советы</h2> + +<h3 id="Reduce_page_weight" name="Reduce_page_weight">Уменьшайте вес страницы</h3> + +<p>Веб-страницы - безусловно, самый важный фактор в производительности загрузки страницы.</p> + +<p>Уменьшение веса страницы за счет устранения ненужных пробелов и комментариев, широко известна как минимизация, и перемещая встроенный скрипт и CSS во внешние файлы, можно улучшить производительность загрузки с минимальными потребностями в других изменениях в структуре страницы.</p> + +<p>Такие инструменты, как <a class="external" href="http://tidy.sourceforge.net/">HTML Tidy</a> , могут автоматически убирать начальные пробелы и лишние пустые строки из допустимого источника HTML. Другие инструменты могут «сжимать» JavaScript, переформатируя источник или запутывая источник и заменяя длинные идентификаторы на более короткие версии</p> + +<h3 id="Minimize_the_number_of_files" name="Minimize_the_number_of_files">Минимизируйте количество файлов</h3> + +<p>Уменьшение количества файлов, на которые есть ссылки на веб-странице, уменьшает количество HTTP-соединений, необходимых для загрузки страницы, тем самым сокращая время отправки этих запросов и получения их ответов.</p> + +<p>В зависимости от настроек кэша браузера он может отправить запрос с заголовком <code>If-Modified-Since</code> для каждого ссылочного файла, спрашивая, был ли файл изменен с момента последней загрузки. Слишком много времени, затрачиваемое на запрос времени последнего изменения указанных файлов, может задержать первоначальное отображение веб-страницы, так как браузер должен проверить время изменения каждого из этих файлов перед отображением страницы.</p> + +<p>Если вы часто используете фоновые изображения в своем CSS, вы можете уменьшить количество запросов на поиск HTTP, объединив изображения в одно, называемое спрайтом изображения. Затем вы просто применяете одно и то же изображение каждый раз, когда вам это нужно для фона, и соответственно корректируете координаты x / y. Этот метод лучше всего работает с элементами, которые будут иметь ограниченные размеры, и не будет работать для каждого использования фонового изображения. Тем не менее, меньшее количество HTTP-запросов и кэширование одного изображения может помочь сократить время загрузки страницы.</p> + +<h3 id="Используйте_сеть_доставки_(и_дистрибуции)_содержимого_(Content_Delivery_Network_(CDN))"><strong>Используйте сеть доставки (и дистрибуции) содержимого (</strong>Content Delivery Network (CDN)<strong>)</strong></h3> + +<p>Для целей этой статьи CDN - это средство уменьшения физического расстояния между вашим сервером и вашим посетителем. По мере увеличения расстояния между вашим сервером и посетителем время загрузки будет увеличиваться. Предположим, ваш сервер веб-сайта находится в Соединенных Штатах и имеет посетителя из Индии; время загрузки страницы будет намного выше для индийского посетителя по сравнению с посетителем из США.</p> + +<p>CDN - это географически распределенная сеть серверов, которые работают вместе, чтобы сократить расстояние между пользователем и вашим сайтом. CDN хранят кэшированные версии вашего веб-сайта и предоставляют их посетителям через ближайший к пользователю сетевой узел, тем самым снижая задержку</p> + +<p>Дальнейшее чтение:</p> + +<ul> + <li><a href="https://www.incapsula.com/cdn-guide/what-is-cdn-how-it-works.html">Understanding CDNs</a></li> +</ul> + +<h3 id="Reduce_domain_lookups" name="Reduce_domain_lookups">Сократите поиск доменов</h3> + +<p>Поскольку каждый отдельный домен требует времени для поиска DNS, время загрузки страницы будет расти вместе с количеством отдельных доменов, отображаемых в ссылках CSS, а также в JavaScript и изображениях.</p> + +<p>Это не всегда может быть практичным; однако вы всегда должны позаботиться об использовании только минимально необходимого количества разных доменов на своих страницах.</p> + +<h3 id="Cache_reused_content" name="Cache_reused_content">Кэшируйте повторно использованный контент</h3> + +<p>Убедитесь, что любой контент, который может быть кэширован, кэширован и имеет подходящее время истечения.</p> + +<p>В частности, обратите внимание на заголовок <code>Last-Modified</code>. Это позволяет эффективно кэшировать страницы; с помощью этого заголовка агенту пользователя передается информация о файле, который он хочет загрузить, например, когда он был последний раз изменен. Большинство веб-серверов автоматически добавляют заголовок <code>Last-Modified</code> к статическим страницам (напр. <code>.html</code>, <code>.css</code>), на основе даты последнего изменения, хранящейся в файловой системе. С динамическими страницами (напр. <code>.php</code>, <code>.aspx</code>), это, конечно, не может быть сделано, и заголовок не отправляется.</p> + +<p>Так, в частности, для страниц, которые генерируются динамически, небольшое исследование по этой теме полезно. Это может быть несколько сложным, но это сэкономит много запросов страниц на страницах, которые обычно не могут быть кэшированы.</p> + +<p>Больше информации:</p> + +<ol> + <li><a class="external" href="http://fishbowl.pastiche.org/2002/10/21/http_conditional_get_for_rss_hackers">HTTP Conditional Get for RSS Hackers</a></li> + <li><a class="external" href="http://annevankesteren.nl/archives/2005/05/http-304">HTTP 304: Not Modified</a></li> + <li><a class="external" href="http://www.cmlenz.net/archives/2005/05/on-http-last-modified-and-etag">On HTTP Last-Modified and ETag</a></li> +</ol> + +<h3 id="Optimally_order_the_components_of_the_page" name="Optimally_order_the_components_of_the_page">Оптимально размещайте компоненты на странице</h3> + +<p>Сначала загрузите содержимое страницы вместе с любым CSS или JavaScript, которые могут потребоваться для его первоначального отображения, чтобы пользователь получил самый быстрый очевидный ответ во время загрузки страницы. Этот контент, как правило, представляет собой текст, и поэтому может получить выгоду от сжатия текста при передаче, что обеспечивает еще более быстрый отклик для пользователя.</p> + +<p>Любые динамические функции, требующие полной загрузки страницы перед использованием, должны быть изначально отключены, а затем включены только после загрузки страницы. Это приведет к загрузке JavaScript после содержимого страницы, что улучшит общий вид загрузки страницы.</p> + +<h3 id="Reduce_the_number_of_inline_scripts" name="Reduce_the_number_of_inline_scripts">Уменьшайте количество встроенных скриптов</h3> + +<p>Встроенные сценарии могут быть дорогими для загрузки страницы, так как синтаксический анализатор должен предполагать, что встроенный сценарий может изменить структуру страницы во время анализа. Сокращение использования встроенных сценариев в целом и сокращение использования <code>document.write()</code> для вывода контента, в частности, может улучшить общую загрузку страницы. Используйте современные методы <a href="/en-US/docs/AJAX" title="en-US/docs/AJAX">AJAX</a> для управления содержимым страницы, а не устаревшие подходы, которые основаны на <code>document.write()</code>.</p> + +<h3 id="Use_modern_CSS_and_valid_markup" name="Use_modern_CSS_and_valid_markup">Используйте современный CSS и корректную разметку</h3> + +<p>Использование современного CSS уменьшает количество текста, может уменьшить потребность в (разделительных) изображениях с точки зрения макета и очень часто может заменить изображения стилизованного текста - это «стоит» намного дороже, чем эквивалентный текст и CSS.</p> + +<p>Использование корректной разметки имеет следующие преимущества. Во-первых, браузерам не нужно выполнять исправление ошибок при разборе HTML (это помимо философской проблемы: разрешить ли изменение формата при вводе пользователем, а затем программно «исправить» или нормализовать его; или вместо этого обеспечить строгий формат ввода без допусков).</p> + +<p>Кроме того, корректная разметка позволяет спокойно использовать другие инструменты, которые могут предварительно обрабатывать ваши веб-страницы. Например, <a class="external" href="http://tidy.sourceforge.net/">HTML Tidy</a> может удалить пробелы и необязательные конечные теги; однако он откажется запускать страницу с серьезными ошибками разметки</p> + +<h3 id="Chunk_your_content" name="Chunk_your_content">Разделяйте ваш контент</h3> + +<p>Использование таблиц для вёрстки макетов устаревший метод, который не должен больше использоваться. Вместо этого для создания макетов нужно использовать <a href="/en-US/docs/Learn/CSS/CSS_layout/Floats">floats</a>, <a href="/en-US/docs/Learn/CSS/CSS_layout/Positioning">positioning</a>, <a href="/en-US/docs/Learn/CSS/CSS_layout/Flexbox">flexbox</a>, или <a href="/en-US/docs/Learn/CSS/CSS_layout/Grids">grids</a>.</p> + +<p>Таблицы по-прежнему считаются допустимой разметкой, но их следует использовать для отображения табличных данных. Чтобы браузер быстрее отображал вашу страницу, вам следует избегать вложения таблиц.</p> + +<p>Вместо глубоко вложенных таблиц, как в:</p> + +<pre><TABLE> + <TABLE> + <TABLE> + ... + </TABLE> + </TABLE> +</TABLE></pre> + +<p>используйте невложенные таблицы как показано (или div'ы)</p> + +<pre><TABLE>...</TABLE> +<TABLE>...</TABLE> +<TABLE>...</TABLE> +</pre> + +<p>Смотри также: <a class="external" href="http://www.w3.org/TR/css3-multicol/" title="http://www.w3.org/TR/css3-multicol/">CSS3 Multi-column Layout Spec</a> и <a class="external" href="http://www.w3.org/TR/css3-flexbox/" title="http://www.w3.org/TR/css3-flexbox/">CSS3 Flexible Box Layout</a></p> + +<h3 id="Сокращайте_и_сжимайте_активы_SVG">Сокращайте и сжимайте активы SVG</h3> + +<p>SVG, создаваемый большинством графических приложений, часто содержит ненужные метаданные, которые можно удалить. Настройте свои сервера, примените сжатие gzip для ресурсов SVG</p> + +<h3 id="Сокращайте_и_сжимайте_ваши_изображения">Сокращайте и сжимайте ваши изображения</h3> + +<p>Большие изображения приводят к тому, что загрузка страницы занимает больше времени. Рассмотрите возможность сжатия ваших изображений перед добавлением их на свою страницу. Есть онлайн-инструменты, такие как <a href="https://compressjpeg.com/">Compress Jpeg</a>, <a href="https://tinypng.com">Tiny PNG</a> и многие другие, доступны онлайн. Вы можете использовать офлайн-инструменты, такие как фотошоп и другие.</p> + +<h3 id="Specify_sizes_for_images_and_tables" name="Specify_sizes_for_images_and_tables">Указывайте размеры для изображений и таблиц </h3> + +<p>Если браузер может немедленно определить высоту и/или ширину ваших изображений и таблиц, он сможет отображать веб-страницу без необходимости переформатировать содержимое. Это не только ускоряет отображение страницы, но и предотвращает раздражающие изменения в макете страницы после завершения загрузки страницы. По этой причине <code>height</code> и <code>width</code> должны быть указаны для изображений всегда, когда это возможно.</p> + +<p>Таблицы должны использовать CSS селектор: комбинация свойств</p> + +<pre> table-layout: fixed; +</pre> + +<p>и должны указывать ширину колонок используя HTML теги <code>COL</code> и <code>COLGROUP</code></p> + +<h3 id="Choose_your_user-agent_requirements_wisely" name="Choose_your_user-agent_requirements_wisely">Мудро выбирайте требования к пользовательскому агенту</h3> + +<p>Чтобы добиться наибольших улучшений в дизайне страниц, убедитесь, что для проектов указаны разумные требования к пользовательским агентам. Не требуйте, чтобы ваш контент казался идеальным во всех браузерах, особенно в устаревших.</p> + +<p>В идеале ваши базовые минимальные требования должны основываться на рассмотрении современных браузеров, поддерживающих соответствующие стандарты.Это может включать: Firefox 3.6+ на любой платформе, Internet Explorer 8.0+ на Windows, Opera 10+ на Windows, и Safari 4 на Mac OS X.</p> + +<p>Примечание. Несмотря на то, что эти атрибуты очень помогают при первой загрузке страницы, вы должны использовать их, но не предполагать, что они будут работать во всех браузерах. Если вы уже следуете всем рекомендациям JavaScript, вам не нужно менять код.</p> + +<h3 id="Используйте_async_и_defer_если_это_возможно">Используйте async и defer, если это возможно</h3> + +<p>Сделайте сценарии JavaScript такими, чтобы они были совместимы как с async, так и с defer, и по возможности используйте async, особенно если у вас есть несколько тегов script.</p> + +<p>При этом страница может перестать отображаться, пока JavaScript все еще загружается. В противном случае браузер не будет отображать ничего после тегов сценария, которые не имеют этих атрибутов.</p> + +<p>Примечание. Несмотря на то, что эти атрибуты очень помогают при первой загрузке страницы, вы должны использовать их, но не предполагать, что они будут работать во всех браузерах. Если вы уже следуете всем рекомендациям JavaScript, вам не нужно менять код.</p> + +<h2 id="Example_page_structure" name="Example_page_structure">Пример структуры страницы</h2> + +<p>· <code>HTML</code></p> + +<dl> + <dd>· <code>HEAD</code></dd> +</dl> + +<dl> + <dd> + <dl> + <dd>· <code>LINK </code>...<br> + CSS файлы необходимы для отображения веб-страницы. Минимизируйте количество файлов для производительности, сохраняя несвязанные CSS в отдельных файлах для обслуживания.</dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd>· <code>SCRIPT </code>...<br> + Файлы JavaScript для функций, необходимых при загрузке страницы, но не для любого DHTML, который может работать только после загрузки страницы</dd> + <dd>Минимизируйте количество файлов для повышения производительности, сохраняя несвязанный JavaScript в отдельных файлах для обслуживания.</dd> + </dl> + </dd> +</dl> + +<dl> + <dd>· <code>BODY</code></dd> + <dd>· Видимое пользователем содержимое страницы небольшими порциями (tables / divs) что можно отобразить, не дожидаясь загрузки полной страницы.</dd> +</dl> + +<dl> + <dd> + <dl> + <dd>· <code>SCRIPT </code>...<br> + Любые сценарии, которые будут использоваться для выполнения DHTML. Сценарий DHTML обычно может запускаться только после полной загрузки страницы и инициализации всех необходимых объектов. Нет необходимости загружать эти скрипты перед содержимым страницы. Это только замедляет первоначальный вид загрузки страницы.</dd> + <dd>Минимизируйте количество файлов для повышения производительности, сохраняя несвязанный JavaScript в отдельных файлах для обслуживания</dd> + <dd>Если какие-либо изображения используются для эффектов ролловера, вам следует предварительно загрузить их здесь после загрузки содержимого страницы.</dd> + </dl> + </dd> +</dl> + +<h2 id="Related_Links" name="Related_Links">Ссылки по теме</h2> + +<ul> + <li>Книга: <a class="external" href="http://www.websiteoptimization.com/">"Speed Up Your Site" by Andy King</a></li> + <li>Отличная и очень содеражательная статья <a class="external" href="http://developer.yahoo.com/performance/rules.html" title="http://developer.yahoo.com/performance/rules.html">Best Practices for Speeding Up Your Web Site</a> (Yahoo!)</li> + <li>Инструменты для анализа и оптимизации производительности: <a href="https://developers.google.com/speed/pagespeed/" title="https://developers.google.com/speed/pagespeed/">Google PageSpeed Tools</a></li> +</ul> + +<div class="originaldocinfo"> +<h2 id="Original_Document_Information" name="Original_Document_Information">Original Document Information</h2> + +<ul> + <li>Author(s): Bob Clary, Technology Evangelist, Netscape Communications</li> + <li>Last Updated Date: Published 04 Apr 2003</li> + <li>Copyright Information: Copyright © 2001-2003 Netscape. All rights reserved.</li> + <li>Note: This reprinted article was originally part of the DevEdge site.</li> +</ul> +</div> + +<p> </p> diff --git a/files/ru/learn/html/рецепты/index.html b/files/ru/learn/html/howto/index.html index 1a780e676b..06759fe76d 100644 --- a/files/ru/learn/html/рецепты/index.html +++ b/files/ru/learn/html/howto/index.html @@ -1,12 +1,13 @@ --- title: Использование HTML для решения общих задач -slug: Learn/HTML/Рецепты +slug: Learn/HTML/Howto tags: - CodingScripting - HTML - На русском - Программирование translation_of: Learn/HTML/Howto +original_slug: Learn/HTML/Рецепты --- <p class="summary">Следующие ссылки указывают на решения общих повседневных проблем, которые вам нужно решить с помощью HTML.</p> diff --git a/files/ru/learn/html/howto/use_data_attributes/index.html b/files/ru/learn/html/howto/use_data_attributes/index.html new file mode 100644 index 0000000000..9820e4e0f9 --- /dev/null +++ b/files/ru/learn/html/howto/use_data_attributes/index.html @@ -0,0 +1,130 @@ +--- +title: Использование data-* атрибутов +slug: Learn/HTML/Howto/Use_data_attributes +tags: + - Guide + - HTML +translation_of: Learn/HTML/Howto/Use_data_attributes +original_slug: Web/Guide/HTML/Using_data_attributes +--- +<p><a href="/ru/docs/Web/Guide/HTML/HTML5">HTML5</a> спроектирован с возможностью расширения данных ассоциированных с каким-либо элементом, но в то же время не обязательно имеющих определённое значение. <a href="/ru/docs/Web/HTML/Global_attributes#data-*"><code>data-*</code> атрибуты</a> позволяют хранить дополнительную информацию в стандартных элементах HTML, без хаков вроде нестандартных атрибутов, лишних DOM-свойств или {{domxref("Node.setUserData()")}}.</p> + +<h2 id="Синтаксис_HTML">Синтаксис HTML</h2> + +<p>Синтаксис прост — любой атрибут, чьё имя начинается с <code>data-</code>, является <code>data-*</code> атрибутом. Предположим у нас имеется статья и мы хотим сохранить дополнительную информацию без визуального представления. Для этого можно использовать <code>data</code>-атрибуты:</p> + +<pre class="brush: html"><article + id="electriccars" + data-columns="3" + data-index-number="12314" + data-parent="cars"> +... +</article></pre> + +<h2 id="Доступ_в_JavaScript">Доступ в JavaScript</h2> + +<p>Чтение <code>data-</code>атрибутов в <a href="/ru/docs/Web/JavaScript">JavaScript</a> осуществляется также просто. Для этого можно использовать метод {{domxref("Element.getAttribute", "getAttribute()")}} с параметром, равным полному имени атрибута. Но есть и более простой способ, используя объект {{domxref("HTMLElement.dataset", "dataset")}}.</p> + +<p>Чтобы получить <code>data</code>-атрибут можно взять свойство объекта <code>dataset</code> с именем, равным части имени атрибута после <code>data-</code> (обратите внимание, что дефисы в имени преобразуются в camelCase).</p> + +<pre><code>var article = document.getElementById('electriccars'); + +article.dataset.columns // "3" +article.dataset.indexNumber // "12314" +article.dataset.parent // "cars"</code></pre> + +<p>Каждое свойство является строкой и может быть прочитано и записано. В приведённом выше примере выполнение кода <code>article.dataset.columns = 5</code> приведёт к тому, что новое значение атрибута станет равным <code>"5"</code>.</p> + +<h2 id="Доступ_в_CSS">Доступ в CSS</h2> + +<p>Заметим, что <code>data</code>-атрибуты являются обычными HTML-аттрибутами, к которым можно получить доступ в <a href="/ru/docs/Web/CSS">CSS</a>. Например, чтобы показать родительские данные о статье можно использовать <a href="/ru/docs/Web/CSS/content">генерируемый контент</a> и CSS функцию {{cssxref("attr")}}:</p> + +<pre class="brush: css">article::before { + content: attr(data-parent); +}</pre> + +<p>Также можно использовать <a href="/ru/docs/Web/CSS/Attribute_selectors">селекторы атрибутов </a>в CSS для изменения стилей в соответствии с данным:</p> + +<pre class="brush: css">article[data-columns='3']{ + width: 400px; +} +article[data-columns='4']{ + width: 600px; +}</pre> + +<p>Увидеть как это работает можно <a href="https://jsbin.com/ujiday/2/edit">в примере на JSBin</a>.</p> + +<p><code>Data</code>-аттрибуты также могут использоваться для хранения информации, которая постоянно изменяется, например, счёт в игре. Используя CSS селекторы и возможности JavaScript можно создавать некоторые изящные эффекты, без необходимости писать свои функции отображения. Посмотрите <a href="https://www.youtube.com/watch?v=On_WyUB1gOk">скринкаст</a> чтобы увидеть больше примеров использующих сгенерированный контент и переходы на CSS. <a href="https://jsbin.com/atawaz/3/edit">Пример кода из скринкаста можно также посмотреть на JSBin</a>.</p> + +<h2 id="Проблемы">Проблемы</h2> + +<p>Не храните данные, которые должны быть видимы и доступны в <code>data</code>-атрибутах. Дело в том, что вспомогательная техника (assistive technology) может не получить к ним доступ. В дополнение, поисковые роботы не индексируют данные, содержащиеся в <code>data</code>-атрибутах.</p> + +<p>Печально, что всё простое и полезное в этой жизни не достаётся бесплатно. Internet Explorer 11+ поддерживает этот стандарт, но все более ранние версии <a href="https://caniuse.com/#feat=dataset">не поддерживают <code>dataset</code></a>. Для поддержки IE 10 и более ранних версий получение доступа к <code>data</code>-атрибутам необходимо осуществлять через {{domxref("Element.getAttribute", "getAttribute()")}}. Также, <a href="https://jsperf.com/data-dataset">производительность чтения <code>data-</code>атрибутов</a> по сравнению с хранением этих данных в хранилище данных JS значительно хуже. Использование <code>dataset</code> ещё медленнее, чем чтение данных с <code>getAttribute()</code>.</p> + +<p>Тем не менее, для пользовательских метаданных, связанных с элементами, <code>data-</code>атрибуты являются отличным решением.</p> + +<h2 id="Поддержка_в_браузерах">Поддержка в браузерах</h2> + +<table class="standard-table"> + <caption>caniuse</caption> + <thead> + <tr> + <th scope="col"> + <h4 id="IE">IE</h4> + </th> + <th scope="col"> + <h4 id="Edge">Edge</h4> + </th> + <th scope="col"> + <h4 id="Firefox">Firefox</h4> + </th> + <th scope="col"> + <h4 id="Chrome">Chrome</h4> + </th> + <th scope="col"> + <h4 id="Safari">Safari</h4> + </th> + <th scope="col"> + <h4 id="Opera">Opera</h4> + </th> + <th scope="col"> + <h4 id="iOS_Safari">iOS Safari</h4> + </th> + <th scope="col"> + <h4 id="Opera_Mini*">Opera Mini<sup>*</sup></h4> + </th> + <th scope="col"> + <h4 id="Android_Browser">Android Browser</h4> + </th> + <th scope="col"> + <h4 id="Chrome_for_Android">Chrome for Android</h4> + </th> + </tr> + </thead> + <tbody> + <tr> + <td>11+</td> + <td>14+</td> + <td>52+</td> + <td>49+</td> + <td>10.1+</td> + <td>46+</td> + <td>9.3+</td> + <td>all</td> + <td>4.4+</td> + <td>59+</td> + </tr> + </tbody> +</table> + +<p> </p> + +<p>Тем не менее, для содержимого, которое не надо показывать это является отличным решением.</p> + +<h2 id="См._также">См. также</h2> + +<ul> + <li>This article is adapted from <a href="https://hacks.mozilla.org/2012/10/using-data-attributes-in-javascript-and-css/">Using data attributes in JavaScript and CSS on hacks.mozilla.org</a>.</li> + <li><a href="https://www.sitepoint.com/use-html5-data-attributes/">How to use HTML5 data attributes</a> (Sitepoint)</li> +</ul> diff --git a/files/ru/learn/html/введение_в_html/advanced_text_formatting/index.html b/files/ru/learn/html/introduction_to_html/advanced_text_formatting/index.html index fdebae6e91..2e34f4a80b 100644 --- a/files/ru/learn/html/введение_в_html/advanced_text_formatting/index.html +++ b/files/ru/learn/html/introduction_to_html/advanced_text_formatting/index.html @@ -1,6 +1,6 @@ --- title: Углубленное форматирование текста -slug: Learn/HTML/Введение_в_HTML/Advanced_text_formatting +slug: Learn/HTML/Introduction_to_HTML/Advanced_text_formatting tags: - Beginner - Guide @@ -8,6 +8,7 @@ tags: - Начинающий - Руководство translation_of: Learn/HTML/Introduction_to_HTML/Advanced_text_formatting +original_slug: Learn/HTML/Введение_в_HTML/Advanced_text_formatting --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/html/введение_в_html/создание_гиперссылок/index.html b/files/ru/learn/html/introduction_to_html/creating_hyperlinks/index.html index fcee7272e4..a6cd7e7730 100644 --- a/files/ru/learn/html/введение_в_html/создание_гиперссылок/index.html +++ b/files/ru/learn/html/introduction_to_html/creating_hyperlinks/index.html @@ -1,6 +1,6 @@ --- title: Создание гиперссылок -slug: Learn/HTML/Введение_в_HTML/Создание_гиперссылок +slug: Learn/HTML/Introduction_to_HTML/Creating_hyperlinks tags: - Абсолютные - Гиперссылки @@ -13,6 +13,7 @@ tags: - Ссылки - Язык гипертекстовой разметки translation_of: Learn/HTML/Introduction_to_HTML/Creating_hyperlinks +original_slug: Learn/HTML/Введение_в_HTML/Создание_гиперссылок --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/html/введение_в_html/debugging_html/index.html b/files/ru/learn/html/introduction_to_html/debugging_html/index.html index 1f3e03e508..a48d53d1c2 100644 --- a/files/ru/learn/html/введение_в_html/debugging_html/index.html +++ b/files/ru/learn/html/introduction_to_html/debugging_html/index.html @@ -1,6 +1,6 @@ --- title: Отладка HTML -slug: Learn/HTML/Введение_в_HTML/Debugging_HTML +slug: Learn/HTML/Introduction_to_HTML/Debugging_HTML tags: - Debugging - Guide @@ -8,6 +8,7 @@ tags: - Валидация - Отладка translation_of: Learn/HTML/Introduction_to_HTML/Debugging_HTML +original_slug: Learn/HTML/Введение_в_HTML/Debugging_HTML --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/html/введение_в_html/структура_документа_и_веб-сайта/index.html b/files/ru/learn/html/introduction_to_html/document_and_website_structure/index.html index 13f4f458d1..081d12edf3 100644 --- a/files/ru/learn/html/введение_в_html/структура_документа_и_веб-сайта/index.html +++ b/files/ru/learn/html/introduction_to_html/document_and_website_structure/index.html @@ -1,6 +1,6 @@ --- title: Структура документа и веб-сайта -slug: Learn/HTML/Введение_в_HTML/Структура_документа_и_веб-сайта +slug: Learn/HTML/Introduction_to_HTML/Document_and_website_structure tags: - Guide - HTML @@ -10,6 +10,7 @@ tags: - С чего начать - Структура сайта translation_of: Learn/HTML/Introduction_to_HTML/Document_and_website_structure +original_slug: Learn/HTML/Введение_в_HTML/Структура_документа_и_веб-сайта --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/html/введение_в_html/начало_работы/index.html b/files/ru/learn/html/introduction_to_html/getting_started/index.html index 48904b9e17..f27e4c5398 100644 --- a/files/ru/learn/html/введение_в_html/начало_работы/index.html +++ b/files/ru/learn/html/introduction_to_html/getting_started/index.html @@ -1,6 +1,6 @@ --- title: Начало работы с HTML -slug: Learn/HTML/Введение_в_HTML/Начало_работы +slug: Learn/HTML/Introduction_to_HTML/Getting_started tags: - Guide - HTML @@ -13,6 +13,7 @@ tags: - Урок - элементы translation_of: Learn/HTML/Introduction_to_HTML/Getting_started +original_slug: Learn/HTML/Введение_в_HTML/Начало_работы --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/html/введение_в_html/html_text_fundamentals/index.html b/files/ru/learn/html/introduction_to_html/html_text_fundamentals/index.html index 711c0bfdf3..8ca79e314e 100644 --- a/files/ru/learn/html/введение_в_html/html_text_fundamentals/index.html +++ b/files/ru/learn/html/introduction_to_html/html_text_fundamentals/index.html @@ -1,6 +1,6 @@ --- title: Основы редактирования текста в HTML -slug: Learn/HTML/Введение_в_HTML/HTML_text_fundamentals +slug: Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals tags: - Guide - HTML @@ -13,6 +13,7 @@ tags: - Семантика - Текст translation_of: Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals +original_slug: Learn/HTML/Введение_в_HTML/HTML_text_fundamentals --- <div> <div> {{LearnSidebar}}</div> diff --git a/files/ru/learn/html/введение_в_html/index.html b/files/ru/learn/html/introduction_to_html/index.html index 1ecf1eb84a..a90af38b71 100644 --- a/files/ru/learn/html/введение_в_html/index.html +++ b/files/ru/learn/html/introduction_to_html/index.html @@ -1,6 +1,6 @@ --- title: Введение в HTML -slug: Learn/HTML/Введение_в_HTML +slug: Learn/HTML/Introduction_to_HTML tags: - HTML - Введение @@ -14,6 +14,7 @@ tags: - Структура - Текст translation_of: Learn/HTML/Introduction_to_HTML +original_slug: Learn/HTML/Введение_в_HTML --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/html/введение_в_html/marking_up_a_letter/index.html b/files/ru/learn/html/introduction_to_html/marking_up_a_letter/index.html index c9ede9d116..cb0956fa0b 100644 --- a/files/ru/learn/html/введение_в_html/marking_up_a_letter/index.html +++ b/files/ru/learn/html/introduction_to_html/marking_up_a_letter/index.html @@ -1,9 +1,10 @@ --- title: Разметка письма -slug: Learn/HTML/Введение_в_HTML/Marking_up_a_letter +slug: Learn/HTML/Introduction_to_HTML/Marking_up_a_letter tags: - HTML translation_of: Learn/HTML/Introduction_to_HTML/Marking_up_a_letter +original_slug: Learn/HTML/Введение_в_HTML/Marking_up_a_letter --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/html/введение_в_html/structuring_a_page_of_content/index.html b/files/ru/learn/html/introduction_to_html/structuring_a_page_of_content/index.html index b5bb7fa235..0dd009c3bc 100644 --- a/files/ru/learn/html/введение_в_html/structuring_a_page_of_content/index.html +++ b/files/ru/learn/html/introduction_to_html/structuring_a_page_of_content/index.html @@ -1,9 +1,10 @@ --- title: Структурируем страницу -slug: Learn/HTML/Введение_в_HTML/Structuring_a_page_of_content +slug: Learn/HTML/Introduction_to_HTML/Structuring_a_page_of_content tags: - HTML translation_of: Learn/HTML/Introduction_to_HTML/Structuring_a_page_of_content +original_slug: Learn/HTML/Введение_в_HTML/Structuring_a_page_of_content --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/html/введение_в_html/the_head_metadata_in_html/index.html b/files/ru/learn/html/introduction_to_html/the_head_metadata_in_html/index.html index dfb2840569..9563f7edbe 100644 --- a/files/ru/learn/html/введение_в_html/the_head_metadata_in_html/index.html +++ b/files/ru/learn/html/introduction_to_html/the_head_metadata_in_html/index.html @@ -1,6 +1,6 @@ --- title: Что внутри "head"? Метаданные в HTML -slug: Learn/HTML/Введение_в_HTML/The_head_metadata_in_HTML +slug: Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML tags: - HTML - Meta @@ -15,6 +15,7 @@ tags: - метаданные - язык translation_of: Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML +original_slug: Learn/HTML/Введение_в_HTML/The_head_metadata_in_HTML --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/html/multimedia_and_embedding/добавление_r_graphics_to_the_web/index.html b/files/ru/learn/html/multimedia_and_embedding/adding_vector_graphics_to_the_web/index.html index a3a445dfc7..9e6eb3707e 100644 --- a/files/ru/learn/html/multimedia_and_embedding/добавление_r_graphics_to_the_web/index.html +++ b/files/ru/learn/html/multimedia_and_embedding/adding_vector_graphics_to_the_web/index.html @@ -1,7 +1,8 @@ --- title: Добавление векторной графики в веб-документ -slug: Learn/HTML/Multimedia_and_embedding/Добавление_r_graphics_to_the_Web +slug: Learn/HTML/Multimedia_and_embedding/Adding_vector_graphics_to_the_Web translation_of: Learn/HTML/Multimedia_and_embedding/Adding_vector_graphics_to_the_Web +original_slug: Learn/HTML/Multimedia_and_embedding/Добавление_r_graphics_to_the_Web --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/html/multimedia_and_embedding/изображения_в_html/index.html b/files/ru/learn/html/multimedia_and_embedding/images_in_html/index.html index d96558e3da..3bf7b57393 100644 --- a/files/ru/learn/html/multimedia_and_embedding/изображения_в_html/index.html +++ b/files/ru/learn/html/multimedia_and_embedding/images_in_html/index.html @@ -1,7 +1,8 @@ --- title: Изображения в HTML -slug: Learn/HTML/Multimedia_and_embedding/Изображения_в_HTML +slug: Learn/HTML/Multimedia_and_embedding/Images_in_HTML translation_of: Learn/HTML/Multimedia_and_embedding/Images_in_HTML +original_slug: Learn/HTML/Multimedia_and_embedding/Изображения_в_HTML --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/html/multimedia_and_embedding/изображения_в_html/проверьте_свои_знания_colon__изображения_в_html/index.html b/files/ru/learn/html/multimedia_and_embedding/images_in_html/test_your_skills_colon__html_images/index.html index e00777dabe..00ef01d21d 100644 --- a/files/ru/learn/html/multimedia_and_embedding/изображения_в_html/проверьте_свои_знания_colon__изображения_в_html/index.html +++ b/files/ru/learn/html/multimedia_and_embedding/images_in_html/test_your_skills_colon__html_images/index.html @@ -1,9 +1,11 @@ --- title: 'Проверьте свои знания: Изображения в HTML' slug: >- - Learn/HTML/Multimedia_and_embedding/Изображения_в_HTML/Проверьте_свои_знания:_Изображения_в_HTML + Learn/HTML/Multimedia_and_embedding/Images_in_HTML/Test_your_skills:_HTML_images translation_of: >- Learn/HTML/Multimedia_and_embedding/Images_in_HTML/Test_your_skills:_HTML_images +original_slug: >- + Learn/HTML/Multimedia_and_embedding/Изображения_в_HTML/Проверьте_свои_знания:_Изображения_в_HTML --- <div>{{learnsidebar}}</div> diff --git a/files/ru/learn/html/multimedia_and_embedding/заставка_mozilla/index.html b/files/ru/learn/html/multimedia_and_embedding/mozilla_splash_page/index.html index 4171780730..d3233346a2 100644 --- a/files/ru/learn/html/multimedia_and_embedding/заставка_mozilla/index.html +++ b/files/ru/learn/html/multimedia_and_embedding/mozilla_splash_page/index.html @@ -1,7 +1,8 @@ --- title: Заставка Mozilla -slug: Learn/HTML/Multimedia_and_embedding/заставка_Mozilla +slug: Learn/HTML/Multimedia_and_embedding/Mozilla_splash_page translation_of: Learn/HTML/Multimedia_and_embedding/Mozilla_splash_page +original_slug: Learn/HTML/Multimedia_and_embedding/заставка_Mozilla --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/javascript/asynchronous/таймауты_и_интервалы/index.html b/files/ru/learn/javascript/asynchronous/timeouts_and_intervals/index.html index e3aa0c72b8..1b7207c7c2 100644 --- a/files/ru/learn/javascript/asynchronous/таймауты_и_интервалы/index.html +++ b/files/ru/learn/javascript/asynchronous/timeouts_and_intervals/index.html @@ -1,7 +1,8 @@ --- title: 'Объединенный асинхронный JavaScript: Таймайты и интервалы' -slug: Learn/JavaScript/Asynchronous/Таймауты_и_интервалы +slug: Learn/JavaScript/Asynchronous/Timeouts_and_intervals translation_of: Learn/JavaScript/Asynchronous/Timeouts_and_intervals +original_slug: Learn/JavaScript/Asynchronous/Таймауты_и_интервалы --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/javascript/building_blocks/события/index.html b/files/ru/learn/javascript/building_blocks/events/index.html index db13cec676..c2ed6bbe07 100644 --- a/files/ru/learn/javascript/building_blocks/события/index.html +++ b/files/ru/learn/javascript/building_blocks/events/index.html @@ -1,12 +1,13 @@ --- title: Введение в события -slug: Learn/JavaScript/Building_blocks/События +slug: Learn/JavaScript/Building_blocks/Events tags: - Изучение - Обработчик событий - Руководство - события translation_of: Learn/JavaScript/Building_blocks/Events +original_slug: Learn/JavaScript/Building_blocks/События --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/javascript/первые_шаги/a_first_splash/index.html b/files/ru/learn/javascript/first_steps/a_first_splash/index.html index b2a811b992..7d04a8b3af 100644 --- a/files/ru/learn/javascript/первые_шаги/a_first_splash/index.html +++ b/files/ru/learn/javascript/first_steps/a_first_splash/index.html @@ -1,7 +1,8 @@ --- title: Первое погружение в JavaScript -slug: Learn/JavaScript/Первые_шаги/A_first_splash +slug: Learn/JavaScript/First_steps/A_first_splash translation_of: Learn/JavaScript/First_steps/A_first_splash +original_slug: Learn/JavaScript/Первые_шаги/A_first_splash --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/javascript/первые_шаги/arrays/index.html b/files/ru/learn/javascript/first_steps/arrays/index.html index 7f38ce4a50..1c575c759b 100644 --- a/files/ru/learn/javascript/первые_шаги/arrays/index.html +++ b/files/ru/learn/javascript/first_steps/arrays/index.html @@ -1,6 +1,6 @@ --- title: Массивы -slug: Learn/JavaScript/Первые_шаги/Arrays +slug: Learn/JavaScript/First_steps/Arrays tags: - JavaScript - Pop @@ -11,6 +11,7 @@ tags: - Массивы - Статья translation_of: Learn/JavaScript/First_steps/Arrays +original_slug: Learn/JavaScript/Первые_шаги/Arrays --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/javascript/первые_шаги/index.html b/files/ru/learn/javascript/first_steps/index.html index bd435e920f..c1f7991f3d 100644 --- a/files/ru/learn/javascript/первые_шаги/index.html +++ b/files/ru/learn/javascript/first_steps/index.html @@ -1,11 +1,12 @@ --- title: Первые шаги в JavaScript -slug: Learn/JavaScript/Первые_шаги +slug: Learn/JavaScript/First_steps tags: - JavaScript - Массивы - Новичкам translation_of: Learn/JavaScript/First_steps +original_slug: Learn/JavaScript/Первые_шаги --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/javascript/первые_шаги/math/index.html b/files/ru/learn/javascript/first_steps/math/index.html index 29ff9258bf..22a6945573 100644 --- a/files/ru/learn/javascript/первые_шаги/math/index.html +++ b/files/ru/learn/javascript/first_steps/math/index.html @@ -1,6 +1,6 @@ --- title: Базовая математика в JavaScript — числа и операторы -slug: Learn/JavaScript/Первые_шаги/Math +slug: Learn/JavaScript/First_steps/Math tags: - JavaScript - Гайд @@ -12,6 +12,7 @@ tags: - Статья - кодинг translation_of: Learn/JavaScript/First_steps/Math +original_slug: Learn/JavaScript/Первые_шаги/Math --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/javascript/первые_шаги/создатель_глуых_историй/index.html b/files/ru/learn/javascript/first_steps/silly_story_generator/index.html index 139e478847..62576df3be 100644 --- a/files/ru/learn/javascript/первые_шаги/создатель_глуых_историй/index.html +++ b/files/ru/learn/javascript/first_steps/silly_story_generator/index.html @@ -1,6 +1,6 @@ --- title: Генератор глупых историй -slug: Learn/JavaScript/Первые_шаги/Создатель_глуых_историй +slug: Learn/JavaScript/First_steps/Silly_story_generator tags: - JavaScript - Задание @@ -14,6 +14,7 @@ tags: - Проверка - Числа translation_of: Learn/JavaScript/First_steps/Silly_story_generator +original_slug: Learn/JavaScript/Первые_шаги/Создатель_глуых_историй --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/javascript/первые_шаги/строки/index.html b/files/ru/learn/javascript/first_steps/strings/index.html index 583e29182e..9c769ff801 100644 --- a/files/ru/learn/javascript/первые_шаги/строки/index.html +++ b/files/ru/learn/javascript/first_steps/strings/index.html @@ -1,7 +1,8 @@ --- title: Работа с текстом — строки в JavaScript -slug: Learn/JavaScript/Первые_шаги/Строки +slug: Learn/JavaScript/First_steps/Strings translation_of: Learn/JavaScript/First_steps/Strings +original_slug: Learn/JavaScript/Первые_шаги/Строки --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/javascript/первые_шаги/useful_string_methods/index.html b/files/ru/learn/javascript/first_steps/useful_string_methods/index.html index 1318ee39ac..552423bc8b 100644 --- a/files/ru/learn/javascript/первые_шаги/useful_string_methods/index.html +++ b/files/ru/learn/javascript/first_steps/useful_string_methods/index.html @@ -1,6 +1,6 @@ --- title: Полезные строковые методы -slug: Learn/JavaScript/Первые_шаги/Useful_string_methods +slug: Learn/JavaScript/First_steps/Useful_string_methods tags: - Beginner - CodingScripting @@ -14,6 +14,7 @@ tags: - Обучение - Регистр translation_of: Learn/JavaScript/First_steps/Useful_string_methods +original_slug: Learn/JavaScript/Первые_шаги/Useful_string_methods --- <p>{{LearnSidebar}}</p> diff --git a/files/ru/learn/javascript/первые_шаги/variables/index.html b/files/ru/learn/javascript/first_steps/variables/index.html index e1195effd5..2e041f5e9f 100644 --- a/files/ru/learn/javascript/первые_шаги/variables/index.html +++ b/files/ru/learn/javascript/first_steps/variables/index.html @@ -1,7 +1,8 @@ --- title: Переменные - место хранения необходимой информации -slug: Learn/JavaScript/Первые_шаги/Variables +slug: Learn/JavaScript/First_steps/Variables translation_of: Learn/JavaScript/First_steps/Variables +original_slug: Learn/JavaScript/Первые_шаги/Variables --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/javascript/первые_шаги/what_is_javascript/index.html b/files/ru/learn/javascript/first_steps/what_is_javascript/index.html index f34dac6902..68c9173c1f 100644 --- a/files/ru/learn/javascript/первые_шаги/what_is_javascript/index.html +++ b/files/ru/learn/javascript/first_steps/what_is_javascript/index.html @@ -1,7 +1,8 @@ --- title: Что такое JavaScript? -slug: Learn/JavaScript/Первые_шаги/What_is_JavaScript +slug: Learn/JavaScript/First_steps/What_is_JavaScript translation_of: Learn/JavaScript/First_steps/What_is_JavaScript +original_slug: Learn/JavaScript/Первые_шаги/What_is_JavaScript --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/javascript/первые_шаги/что_пошло_не_так/index.html b/files/ru/learn/javascript/first_steps/what_went_wrong/index.html index dbb0a4577a..5e84e07e34 100644 --- a/files/ru/learn/javascript/первые_шаги/что_пошло_не_так/index.html +++ b/files/ru/learn/javascript/first_steps/what_went_wrong/index.html @@ -1,7 +1,8 @@ --- title: Что пошло не так? Устранение ошибок JavaScript -slug: Learn/JavaScript/Первые_шаги/Что_пошло_не_так +slug: Learn/JavaScript/First_steps/What_went_wrong translation_of: Learn/JavaScript/First_steps/What_went_wrong +original_slug: Learn/JavaScript/Первые_шаги/Что_пошло_не_так --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/javascript/объекты/adding_bouncing_balls_features/index.html b/files/ru/learn/javascript/objects/adding_bouncing_balls_features/index.html index fe97392371..cb606d3818 100644 --- a/files/ru/learn/javascript/объекты/adding_bouncing_balls_features/index.html +++ b/files/ru/learn/javascript/objects/adding_bouncing_balls_features/index.html @@ -1,7 +1,8 @@ --- title: Добавление функций в нашу демонстрацию отбойных шаров -slug: Learn/JavaScript/Объекты/Adding_bouncing_balls_features +slug: Learn/JavaScript/Objects/Adding_bouncing_balls_features translation_of: Learn/JavaScript/Objects/Adding_bouncing_balls_features +original_slug: Learn/JavaScript/Объекты/Adding_bouncing_balls_features --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/javascript/объекты/основы/index.html b/files/ru/learn/javascript/objects/basics/index.html index a4e7cc0071..41873c646b 100644 --- a/files/ru/learn/javascript/объекты/основы/index.html +++ b/files/ru/learn/javascript/objects/basics/index.html @@ -1,10 +1,11 @@ --- title: Основы объектов в JavaScript -slug: Learn/JavaScript/Объекты/Основы +slug: Learn/JavaScript/Objects/Basics tags: - JavaScript - ООП translation_of: Learn/JavaScript/Objects/Basics +original_slug: Learn/JavaScript/Объекты/Основы --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/javascript/объекты/index.html b/files/ru/learn/javascript/objects/index.html index 9acc354feb..08d6d2dc43 100644 --- a/files/ru/learn/javascript/объекты/index.html +++ b/files/ru/learn/javascript/objects/index.html @@ -1,12 +1,13 @@ --- title: Введение в объекты JavaScript -slug: Learn/JavaScript/Объекты +slug: Learn/JavaScript/Objects tags: - JavaScript - Начинающим - Объекты - Руководства translation_of: Learn/JavaScript/Objects +original_slug: Learn/JavaScript/Объекты --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/javascript/объекты/inheritance/index.html b/files/ru/learn/javascript/objects/inheritance/index.html index c1565cd72f..fe473b0ef8 100644 --- a/files/ru/learn/javascript/объекты/inheritance/index.html +++ b/files/ru/learn/javascript/objects/inheritance/index.html @@ -1,11 +1,12 @@ --- title: Наследование в JavaScript -slug: Learn/JavaScript/Объекты/Inheritance +slug: Learn/JavaScript/Objects/Inheritance tags: - JavaScript - Наследование - ООП translation_of: Learn/JavaScript/Objects/Inheritance +original_slug: Learn/JavaScript/Объекты/Inheritance --- <p> <audio class="audio-for-speech"></audio> diff --git a/files/ru/learn/javascript/объекты/json/index.html b/files/ru/learn/javascript/objects/json/index.html index 371f254ec6..89de0661a8 100644 --- a/files/ru/learn/javascript/объекты/json/index.html +++ b/files/ru/learn/javascript/objects/json/index.html @@ -1,11 +1,12 @@ --- title: Работа с JSON -slug: Learn/JavaScript/Объекты/JSON +slug: Learn/JavaScript/Objects/JSON tags: - Beginner - JSON - JavaScript translation_of: Learn/JavaScript/Objects/JSON +original_slug: Learn/JavaScript/Объекты/JSON --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/javascript/объекты/object-oriented_js/index.html b/files/ru/learn/javascript/objects/object-oriented_js/index.html index 0299268a90..7df73c5045 100644 --- a/files/ru/learn/javascript/объекты/object-oriented_js/index.html +++ b/files/ru/learn/javascript/objects/object-oriented_js/index.html @@ -1,6 +1,6 @@ --- title: Объектно-ориентированный JavaScript для начинающих -slug: Learn/JavaScript/Объекты/Object-oriented_JS +slug: Learn/JavaScript/Objects/Object-oriented_JS tags: - Constructor - Create @@ -11,6 +11,7 @@ tags: - ООП - экземпляр translation_of: Learn/JavaScript/Objects/Object-oriented_JS +original_slug: Learn/JavaScript/Объекты/Object-oriented_JS --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/javascript/объекты/object_building_practice/index.html b/files/ru/learn/javascript/objects/object_building_practice/index.html index b06b769ca4..778e83578e 100644 --- a/files/ru/learn/javascript/объекты/object_building_practice/index.html +++ b/files/ru/learn/javascript/objects/object_building_practice/index.html @@ -1,10 +1,11 @@ --- title: Практика построения объектов -slug: Learn/JavaScript/Объекты/Object_building_practice +slug: Learn/JavaScript/Objects/Object_building_practice tags: - Guide - JavaScript translation_of: Learn/JavaScript/Objects/Object_building_practice +original_slug: Learn/JavaScript/Объекты/Object_building_practice --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/javascript/объекты/object_prototypes/index.html b/files/ru/learn/javascript/objects/object_prototypes/index.html index 0a76580d9c..a8487bf0e6 100644 --- a/files/ru/learn/javascript/объекты/object_prototypes/index.html +++ b/files/ru/learn/javascript/objects/object_prototypes/index.html @@ -1,6 +1,6 @@ --- title: Прототипы объектов -slug: Learn/JavaScript/Объекты/Object_prototypes +slug: Learn/JavaScript/Objects/Object_prototypes tags: - JavaScript - create() @@ -12,6 +12,7 @@ tags: - Статья - прототип translation_of: Learn/JavaScript/Objects/Object_prototypes +original_slug: Learn/JavaScript/Объекты/Object_prototypes --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/server-side/django/аутентификация/index.html b/files/ru/learn/server-side/django/authentication/index.html index 807db42a90..30e5df336b 100644 --- a/files/ru/learn/server-side/django/аутентификация/index.html +++ b/files/ru/learn/server-side/django/authentication/index.html @@ -1,6 +1,6 @@ --- title: 'Руководство Django Часть 8: Аутентификация и авторизация пользователя' -slug: Learn/Server-side/Django/Аутентификация +slug: Learn/Server-side/Django/Authentication tags: - Python - Аутентификация @@ -16,6 +16,7 @@ tags: - на стороне сервера - сессии translation_of: Learn/Server-side/Django/Authentication +original_slug: Learn/Server-side/Django/Аутентификация --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/server-side/django/разворачивание/index.html b/files/ru/learn/server-side/django/deployment/index.html index 640527b63d..fc62ed6ac8 100644 --- a/files/ru/learn/server-side/django/разворачивание/index.html +++ b/files/ru/learn/server-side/django/deployment/index.html @@ -1,12 +1,13 @@ --- title: 'Django Руководство часть 11: Разворачивание сайта на сервере' -slug: Learn/Server-side/Django/Разворачивание +slug: Learn/Server-side/Django/Deployment tags: - Веб-сервер - Для начинающих - Разворачивание на сервере - Развёртывание Django translation_of: Learn/Server-side/Django/Deployment +original_slug: Learn/Server-side/Django/Разворачивание --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/server-side/django/введение/index.html b/files/ru/learn/server-side/django/introduction/index.html index 4bff707908..f2f6b957f7 100644 --- a/files/ru/learn/server-side/django/введение/index.html +++ b/files/ru/learn/server-side/django/introduction/index.html @@ -1,6 +1,6 @@ --- title: Django введение -slug: Learn/Server-side/Django/Введение +slug: Learn/Server-side/Django/Introduction tags: - Python - django @@ -9,6 +9,7 @@ tags: - Начинающим - Серверное программирование translation_of: Learn/Server-side/Django/Introduction +original_slug: Learn/Server-side/Django/Введение --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/server-side/django/сессии/index.html b/files/ru/learn/server-side/django/sessions/index.html index 5f7d492c72..8792653f11 100644 --- a/files/ru/learn/server-side/django/сессии/index.html +++ b/files/ru/learn/server-side/django/sessions/index.html @@ -1,6 +1,6 @@ --- title: 'Руководство часть 7: Сессии' -slug: Learn/Server-side/Django/Сессии +slug: Learn/Server-side/Django/Sessions tags: - django - Джанго @@ -13,6 +13,7 @@ tags: - применение сессий - сессии translation_of: Learn/Server-side/Django/Sessions +original_slug: Learn/Server-side/Django/Сессии --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/server-side/express_nodejs/учебник_сайт_local_library/index.html b/files/ru/learn/server-side/express_nodejs/tutorial_local_library_website/index.html index c7e821248e..66954ba287 100644 --- a/files/ru/learn/server-side/express_nodejs/учебник_сайт_local_library/index.html +++ b/files/ru/learn/server-side/express_nodejs/tutorial_local_library_website/index.html @@ -1,6 +1,6 @@ --- title: 'Учебник Express: сайт Local Library' -slug: Learn/Server-side/Express_Nodejs/Учебник_сайт_local_library +slug: Learn/Server-side/Express_Nodejs/Tutorial_local_library_website tags: - Express - Node @@ -10,6 +10,7 @@ tags: - Серверная часть - Учебник translation_of: Learn/Server-side/Express_Nodejs/Tutorial_local_library_website +original_slug: Learn/Server-side/Express_Nodejs/Учебник_сайт_local_library --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/server-side/first_steps/веб_безопасность/index.html b/files/ru/learn/server-side/first_steps/website_security/index.html index 6caa9b2aa2..95fa361668 100644 --- a/files/ru/learn/server-side/first_steps/веб_безопасность/index.html +++ b/files/ru/learn/server-side/first_steps/website_security/index.html @@ -1,7 +1,8 @@ --- title: Веб-безопасность -slug: Learn/Server-side/First_steps/Веб_Безопасность +slug: Learn/Server-side/First_steps/Website_security translation_of: Learn/Server-side/First_steps/Website_security +original_slug: Learn/Server-side/First_steps/Веб_Безопасность --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/tools_and_testing/фронтенд_javascript_фреймворки/index.html b/files/ru/learn/tools_and_testing/client-side_javascript_frameworks/index.html index 08fb977bb5..f85eb11569 100644 --- a/files/ru/learn/tools_and_testing/фронтенд_javascript_фреймворки/index.html +++ b/files/ru/learn/tools_and_testing/client-side_javascript_frameworks/index.html @@ -1,7 +1,8 @@ --- title: Понимание JavaScript-фреймворков для фронтенда -slug: Learn/Tools_and_testing/Фронтенд_JavaScript_фреймворки +slug: Learn/Tools_and_testing/Client-side_JavaScript_frameworks translation_of: Learn/Tools_and_testing/Client-side_JavaScript_frameworks +original_slug: Learn/Tools_and_testing/Фронтенд_JavaScript_фреймворки --- <div>{{LearnSidebar}}<br> JavaScript-ф<span>реймворки </span>являются неотъемлемой частью современной веб-разработки,</div> diff --git a/files/ru/learn/tools_and_testing/фронтенд_javascript_фреймворки/react_getting_started/index.html b/files/ru/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/index.html index 9a898b282a..710fe7511f 100644 --- a/files/ru/learn/tools_and_testing/фронтенд_javascript_фреймворки/react_getting_started/index.html +++ b/files/ru/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/index.html @@ -1,8 +1,10 @@ --- title: Начало работы с React -slug: Learn/Tools_and_testing/Фронтенд_JavaScript_фреймворки/React_getting_started +slug: >- + Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_getting_started translation_of: >- Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_getting_started +original_slug: Learn/Tools_and_testing/Фронтенд_JavaScript_фреймворки/React_getting_started --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/tools_and_testing/гитхаб/index.html b/files/ru/learn/tools_and_testing/github/index.html index f78ac2a27c..addc19507d 100644 --- a/files/ru/learn/tools_and_testing/гитхаб/index.html +++ b/files/ru/learn/tools_and_testing/github/index.html @@ -1,11 +1,12 @@ --- title: Гит и ГитХаб -slug: Learn/Tools_and_testing/ГитХаб +slug: Learn/Tools_and_testing/GitHub tags: - Веб - Начинающий - гит translation_of: Learn/Tools_and_testing/GitHub +original_slug: Learn/Tools_and_testing/ГитХаб --- <div>{{LearnSidebar}}</div> diff --git a/files/ru/learn/как_сделать_вклад/index.html b/files/ru/learn/как_сделать_вклад/index.html deleted file mode 100644 index caed3b7970..0000000000 --- a/files/ru/learn/как_сделать_вклад/index.html +++ /dev/null @@ -1,85 +0,0 @@ ---- -title: Как сделать вклад в Обучающую Зону MDN -slug: Learn/Как_сделать_вклад -tags: - - Вклад - - Документация - - Новичку - - Новичок - - Обучение - - Правила - - Руководство -translation_of: Learn/How_to_contribute ---- -<div>{{LearnSidebar}}</div> - -<p>Оказались ли вы здесь впервые или в результате глубокого поиска, вас, вероятно, привело сюда желание помочь Обучающей Зоне MDN. И это отличная новость!</p> - -<p><span class="seoSummary">На этой странице вы найдёте всё необходимое для того, чтобы помочь улучшить обучающий контент MDN. Здесь есть много вещей, которые вы можете сделать, в зависимости от того, сколько времени у вас есть и кем вы являетесь <a href="#Я_новичок">новичком</a>, <a href="#Я_веб_разработчик">веб-разработчиком</a> или <a href="#Я_учитель">учителем</a>.</span></p> - -<div class="note"> -<p>Руководство по написанию новой статьи в обучающем пространстве можно посмотреть на странице <a href="https://developer.mozilla.org/en-US/docs/MDN/Contribute/Howto/Write_an_article_to_help_learn_about_the_Web">How to write an article to help people learn about the Web</a>.</p> -</div> - -<h2 id="Найдите_конкретные_задачи">Найдите конкретные задачи</h2> - -<p><strong>Для организации своих задач участники сообщества используют <a href="https://trello.com/b/LDggrYSV">Trello board</a>. Там вы можете найти конкретные задачи проекта, ожидающие выполнения. Если вы хотите использовать её, просто <a href="https://trello.com/signup">создайте Trello аккаунт</a> и напишите Chris Mills, чтобы он дал доступ к записи на доску.</strong></p> - -<p>Принятие участия - это также отличный способ повеселиться, одновременно изучая новое. Если вы запутались или у вас есть вопросы, не стесняйтесь написать нам в <a href="/en-US/docs/MDN/Community#Join_our_mailing_lists">наш список рассылки</a> или <a href="/en-US/docs/MDN/Community#Get_into_IRC">IRC канал</a> (подробности указаны внизу этой страницы). <a href="https://developer.mozilla.org/en-US/profiles/chrisdavidmills">Chris Mills</a> заведует Обучающей Зоной — вы также можете попробовать написать ему напрямую.</p> - -<p>В следующих разделах описаны некоторые идеи касательно задач, которыми вы могли бы заняться.</p> - -<h2 id="Я_новичок">Я новичок</h2> - -<p>Это круто! Новички очень важны для создания и предоставления отзывов об материалах для обучения. Ваш уникальный взгляд представителя целевой аудитории данных статей может сделать вас бесценным участником нашей команды. В самом деле, если вы "застряли" в процессе изучения какой-либо темы по одной из наших статей, или находите эту статью в некотором роде запутанной, вы можете либо исправить её сами, либо сообщить об этой проблеме нам, чтобы мы позаботились о её исправлении.</p> - -<p>Вот как, например, вы можете помочь:</p> - -<dl> - <dt><a href="/ru/docs/MDN/Contribute/Howto/Tag">Добавьте теги к нашим статьям</a> (<em>5 мин</em>)</dt> - <dd>Добавление тегов к контенту MDN - один из самых легких способов внести свой вклад. Помощь в этом направлении очень ценна, поскольку теги широко применяются в MDN, чтобы вписать информацию в контекст. Начать можно с просмотра списков <a href="/en-US/docs/MDN/Doc_status/Glossary#No_tags">словарных</a> и <a href="/en-US/docs/MDN/Doc_status/Learn#No_tags">обучающих статей</a>.</dd> - <dt><a href="/ru/docs/Словарь">Прочитайте и проверьте статью в словаре</a> (<em>5 мин</em>)</dt> - <dd>Нам очень важен ваш взгляд, как начинающего, на наш контент. Если вы считаете, что статья в словаре слишком сложна, значит, её необходимо улучшить. Не стесняйтесь вносить любые необходимые, на ваш взгляд, изменения. Если вам кажется, что у вас недостаточно навыков, чтобы самостоятельно отредактировать статью, можете сообщить нам о ней в нашем <a href="/en-US/docs/MDN/Community#Join_our_mailing_lists">списке рассылки</a>.</dd> - <dt><a href="ru/MDN/Contribute/Howto/Write_a_new_entry_in_the_Glossary">Напишите новую статью для словаря</a> (<em>20 минут</em>)</dt> - <dd>Это самый эффективный способ узнать что-то новое. Выберите понятие, которое вам хотелось бы изучить, и в процессе изучения пишите о нем статью для словаря. Объяснить какую-либо вещь другим - отличный способ закрепить знание в голове, и разобраться самому, при этом помогая другим. Everybody wins!</dd> - <dt><a href="/en-US/Learn/Index">Прочитайте и проверьте обучающую статью</a> (<em>2 часа</em>)</dt> - <dd>Эта задача очень похожа на проверку статей в словаре (см. выше), она лишь занимает больше времени, поскольку обычно такие статьи значительно длиннее.</dd> -</dl> - -<h2 id="Я_веб-разработчик">Я веб-разработчик</h2> - -<p>Фантастика! Ваши технические навыки - именно то, что помогает нам убедиться в технической точности контента для новичков. Поскольку данная конкретная часть MDN посвящена обучению Вебу, постарайтесь делать ваши объяснения максимально простыми, но не чересчур простыми, они не должны стать бесполезны. Понятность важнее, чем чрезмерная точность.</p> - -<dl> - <dt><a href="/ru/docs/Словарь">Прочитайте и проверьте статью в словаре</a> (<em>5 мин</em>)</dt> - <dd>Нам важно, чтобы вы, как веб-разработчик, убедились в том, что наш контент технически точен, но при этом не слишком сложен. Не стесняйтесь делать любые изменения, которые вам покажутся нужными. Если вы хотите обсудить контент до того, как приступать к редактированию, напишите нам в <a href="/en-US/docs/MDN/Community#Join_our_mailing_lists">список рассылки</a> или <a href="/en-US/docs/MDN/Community#Get_into_IRC">IRC канал</a>.</dd> - <dt><a href="/docs/MDN/Contribute/Howto/Write_a_new_entry_in_the_Glossary">Напишите новую статью для словаря </a>(<em>20 минут</em>)</dt> - <dd>Разъяснение технического жаргона - хороший способ научиться быть одновременно технически точным и простым. Новички будут вам за это благодарны. У нас есть <a href="/en-US/docs/Glossary#Contribute">много терминов без определений</a>, которые нуждаются в вашем внимании. Выберите один и приступайте!</dd> - <dt><a href="/en-US/Learn/Index">Прочитайте и проверьте обучающую статью</a> (<em>2 часа</em>)</dt> - <dd>Это тоже самое, что и проверка статьи в словаре (см.выше), но занимает больше времени, поскольку обычно такие статьи значительно длиннее.</dd> - <dt><a href="/en-US/docs/MDN/Contribute/Howto/Write_an_article_to_help_learn_about_the_Web">Напишите новую обучающую статью</a> (<em>4 часа или больше</em>)</dt> - <dd>MDN не хватает ясных и доходчивых статей об использовании веб-технологий (<a href="/en-US/docs/Learn/CSS">HTML</a>, <a href="/en-US/docs/Learn/CSS">CSS</a>, <a href="/en-US/docs/Learn/JavaScript">JavaScript</a>, и т.д). Кроме того, у нас есть старый контент, который нуждается в редактуре и изменениях. Доведите ваши умения до предела, чтобы сделать веб-технологии пригодными для использования даже начинающими.</dd> - <dt><a href="/en-US/docs/MDN/Contribute/Howto/Create_an_interactive_exercise_to_help_learning_the_web">Создайте упражнения, примеры кода или интерактивные обучающие инструменты</a> (<em>? часов</em>)</dt> - <dd>Все наши обучающие статьи требуют материалов, как мы это называем, "активного обучения", так как эффективнее всего люди учатся, выполняя что-либо самостоятельно. Под такого рода материалами подразумеваются упражнения или интерактивный контент, которые помогают пользователю применять и оперировать понятиями, описанными в статье. Существует множество способов создания контента активного обучения, от написания образцов кода с помощью <a href="http://jsfiddle.net" rel="external">JSFiddle</a> или подобных инструментов, до построения fully hackable интерактивного контента в <a href="https://thimble.mozilla.org/" rel="external">Thimble</a>. Раскройте ваш творческий потенциал!</dd> -</dl> - -<h2 id="Я_учитель">Я учитель</h2> - -<p>У MDN долгая история совершенствования в техническом плане, но нам не хватает глубины понимания того, как лучше обучать новичков. Именно на этом этапе мы нуждаемся в вас, как в преподавателях и педагогах. Вы можете помочь нам гарантировать, что наши материалы обеспечивают хороший, практикоориентированный образовательный путь для наших читателей.</p> - -<dl> - <dt><a href="/ru/docs/Словарь">Прочитайте и проверьте статью в словаре</a> (<em>15 мин</em>)</dt> - <dd>Просмотрите словарную статью и не стесняйтесь вносить любые необходимые, на ваш взгляд, изменения. Если вы хотели бы обсудить контент перед тем, как редактировать, напишите нам в наш <a href="/en-US/docs/MDN/Community#Join_our_mailing_lists">список рассылки</a> или <a href="/en-US/docs/MDN/Community#Get_into_IRC">IRC канал</a>.</dd> - <dt><a href="/docs/MDN/Contribute/Howto/Write_a_new_entry_in_the_Glossary">Напишите новую статью для словаря</a> (<em>1 час</em>)</dt> - <dd>Новички очень нуждаются в ясных, простых определениях терминов и базовом обзоре понятий в словаре. Ваш педагогический опыт может помочь нам создать превосходные словарные статьи; у нас есть <a href="/en-US/docs/Glossary#Contribute">множество терминов без определений</a>, которые нуждаются в вашем внимании. Выбирайте один из них и приступайте.</dd> - <dt><a href="/en-US/docs/tag/needsSchema">Добавьте илллюстрации и/или схемы в статью</a> (<em>1 час</em>)</dt> - <dd>Как вам, наверное, известно, иллюстрации - бесценная часть любого обучающего материала. Зачастую именно их нам не хватает на MDN, и ваши навыки могут улучшить ситуацию в данной области. Посмотрите список статей, у которых <a href="/en-US/docs/tag/needsSchema">отсутствует иллюстративный материал</a>, и выберите одну, к которой вам бы хотелось создать графику.</dd> - <dt><a href="/en-US/Learn/Index">Прочитайте и проверьте обучающую статью</a> (<em>2 часа</em>)</dt> - <dd>Это тоже самое, что и проверка статьи в словаре (см.выше), но занимает больше времени, поскольку обычно такие статьи значительно длиннее.</dd> - <dt><a href="/en-US/docs/MDN/Contribute/Howto/Write_an_article_to_help_learn_about_the_Web">Напишите новую обучающую статью</a> (<em>4 часа</em>)</dt> - <dd>Нам нужны простые, доходчивые статьи о Web экосистеме и прочих практических темах в связанных областях. Поскольку данные обучающие статьи должны быть скорее образовательными, чем охватывать целиком всю имеющуюся информацию, ваш опыт касательно того, что именно нужно осветить и как, будет очень ценен.</dd> - <dt><a href="/en-US/docs/MDN/Contribute/Howto/Create_an_interactive_exercise_to_help_learning_the_web">Создайте упражнения, <abbr title="Multiple Choice Tests">викторины</abbr> или интерактивные обучающие инструменты</a> (<em>? часа</em>)</dt> - <dd>Все наши обучающие статьи требуют материалов "активного обучения", то есть упражнений или интерактивного контента, которые помогают пользователю углубиться и научиться использовать концепции, описанные в статье. В этой области вы можете сделать многое, от создания викторин до построения fully hackable интерактивного контента с <a href="https://thimble.mozilla.org/" rel="external">Thimble</a>. Раскройте вашу творческую сторону!</dd> - <dt><a href="/en-US/docs/MDN/Contribute/Howto/Create_learning_pathways">Создайте пути обучения</a> (<em>? часа</em>)</dt> - <dd>Чтобы предоставить прогрессивные и доступные для понимания руководства, нам необходимо объединять контент в пути. Это способ собрать существующий контент и выяснить, чего в нем недостает для написания обучающей статьи.</dd> -</dl> |