يحتوي قسم رأس المستند على عنوان الموقع والكلمات الأساسية لمحركات البحث والبرامج النصية وموقع ورقة الأنماط المتتالية التي يجب استخدامها في تنسيق الصفحة. تتضمن علامات HTML النموذجية المستخدمة في قسم الرأس امتداد
و <link> و <style>
و <meta> و <script>. </p> </div> <div class = "component-article-section-content ui-body article-section-content"> <p> تحدد العلامة <title> عنوان المستند. تربط العلامة <link> مصدرًا خارجيًا ، مثل ملف CSS ، بالمستند. تحدد علامة <style> أنماط المستند. تُستخدم علامة <meta> لتحديد المؤلف والكلمات الأساسية ووصف المستند. تحدد العلامة <script> البرنامج النصي الذي سيتم تشغيله على كمبيوتر الزائر. إذا لم يتم وضع قسم الرأس في المستند ، فلا يزال يتم عرض محتويات المستند بواسطة المستعرض. </ p> </div> <div class = "component-article-section-inline-ad"> <div class = "inline-ad inline-ad - mobile"> <p class = "inline-ad__label ui-label"> إعلان </p> <div class = "inline-ad__wrapper"> <div id = "slot1-3" data-ad-path = "/ 6117 / dmd.techwalla.mw / slot1-3" data-ad-batch = "1" data-ad-Target = "{" loc ":" ad_3 "}" data-ad-sizes = "[[300،250]، [320،50]، [320،100]]" data-ad-bidding = "true" data-ad-breakpoint = "small" data-ad-Refresh = "false" data-ad-type = "gpt" reveAdRefresh = "false" class = "component-ad-gpt ad slot ad-mobile"> </ div > </div> </div> </div> <div class = "component-article-section-title article-section-content"> <h2 id = "body-content"> محتويات الجسم </ h2> </div> <div class = "component-article-section-content ui -هيئة article-section-content "> <p> يُستخدم قسم النص الأساسي لتنسيق صفحة الويب الفعلية. تُستخدم معظم علامات HTML ، مثل علامة الفقرة (<p>) وعلامة الربط (<a>) وعلامات العناوين (من <h1> إلى <h6>) وعلامة القسم (<div>) في هذا القسم من الوثيقة. يتم أيضًا وضع البرامج النصية من جانب الخادم في هذا القسم من المستند. إذا لم يكن لديك قسم أساسي في مستند HTML الخاص بك ، فلن يتم عرض أي شيء في مستعرض الويب. </ p> </div> <div class = "component-article-section-address article-section-content"> <h2 id = "DOCTYPE"> DOCTYPE </h2> </div> <div class = "component-article-section-content ui-body article-section-content"> <p> الشيء الوحيد غير المضمن بين علامات <html> هو إعلان DOCTYPE. إذا تم استخدامه ، يجب أن يكون السطر الأول في مستند HTML. يتم استخدامه لإخبار متصفح الويب بإصدار HTML الذي يستخدمه المستند. يستخدم المتصفح هذا الإعلان لعرض الصفحة بشكل صحيح. يمكن إلغاء إعلان DOCTYPE ، لكن المتصفح قد لا يعرض صفحتك بشكل صحيح. </ p> </div> <div class = "component-article-section-inline-ad"> <div class = "inline-ad inline-ad - desktop"> <!> <div class = "inline-ad__wrapper"> < معرف div = "inline1-2" data-ad-path = "/ 6117 / dmd.techwalla / inline1-2" data-ad-batch = "2" data-ad-Target = "{" loc ":" inline_2 "}" data-ad-sizes = "[[728،90]، [300،250]]" data-ad-bidding = "true" data-ad-breakpoint = "medium، large" data-ad-refresh = "false" data-ad-type = "gpt" reveAdRefresh = "false" class = "component-ad-gpt ad inline ad-desktop"> < / div> </div> </div> </div> <div class = "component-article-section-inline-ad"> <div class = "inline-ad inline-ad - mobile"> <p class = "inline-ad__label ui-label"> إعلان </ p> <div class = "inline-ad__wrapper"> <div id = "slot1-4" data-ad-path = "/ 6117 / dmd.techwalla.mw / slot1-4" data-ad-batch = "2" data-ad- الاستهداف = "{" loc ":" ad_4 "}" data-ad-sizes = "[[300،250]، [320،50]، [320،100]]" data-ad-bidding = "true" data-ad-breakpoint = "small" data-ad-Refresh = "false" data-ad-type = "gpt" reveAdRefresh = "false" class = "component-ad-gpt ad slot ad-mobile"> </div> </div> </div> </div> </article> <!> <div class = "component-article-citations desktop- إخفاء mobile-hide "> <div class = "citations-title"> <div class = "citations-title ui -head-NN"> المراجع </ div> <div class = "citations-dropdown"> <div class = "svg arrow-down-small svg - arrow-down-small "> </div> </div> </div> <div class =" citations-list-wrapper "> <ul class =" citations-list is-hidden "> <li class = "citations-item ui-body"> <a href = " http://www.w3schools.com/html/html_head.asp" target = "_ blank" rel = "nofollow" class = "citations-link"> W3Schools.com: عناصر رأس HTML </a> </li> <li class = "citations-item ui-body"> <a href = " http://www.w3schools.com/tags/tag_meta.asp" target = "_ blank" rel = "nofollow" class = "citations-link"> W3Schools.com: HTML < ميتا> علامة </a> </li> <li class = "citations-item ui-body"> <a href = " http://www.w3schools.com/tags/tag_body.asp" target = "_ blank" rel = "nofollow" class = "citations-link"> W3Schools.com: HTML < الجسم> علامة </a> </li> <li class = "citations-item ui-body"> <a href = " http://www.w3schools.com/tags/tag_doctype.asp" target = "_ blank" rel = "nofollow" class = "citations-link"> W3Schools.com: HTML <! DOCTYPE> إعلان </a> </li> </ul> </div> </div> <!> <!> <!> <div class = "component-ads-by-google end-of-article-ads" > <ins data-ad-client = "pub-0316265116163263" data-ad-slot = "6915260661" data-ad-format = "" class = "nope"> </ins> </div> <!> <!> </div> <aside class = "right-rail rrvNN desktop-show mobile-hide "> <div class =" ad-one "> <div class = "disaimer-ad-wrapper" style = "top: 20px؛"> <div class = "component-تعويض-إخلاء المسؤولية ui-label mobile-hide desktop-show"> قد تكسب Techwalla تعويضًا من خلال الروابط التابعة في هذه القصة. </div> <div class = "ad atf"> <div id = "rightrail1-1" data-ad-path = "/ 6117 / dmd.techwalla / rightrail1-1" data-ad-Target = "{" loc ":" atf "}" data-ad-batch = "1" data-ad-breakpoint = "large" data-ad-type = "gpt" data-ad-Refresh = "true" data-ad-sizes = "[[300، 250]، [300، 600]]"> </div> </div> </ div> </div> <div class = "component-article-rcp desktop-show mobile-hide desktop-6 mobile-6 "> <div class =" related-content__heading "> <h4 class =" العنوان "> <span> يقرأ الأشخاص </ span> </h4> </div> <div class =" related-content " > <div id = "articleWrapper0rcpItem0" class = "related-content__item tech-support"> <div class = "item__section item__section - number"> <div> 1 </div> <!> <!> <!> <!> <!> <!> < / div> <div class = "item__section item__section - title "> <!> <!> <!> <a href =" https://www.techwalla.com/articles/how-to-center-an-image-using-html-programming" data-event = "rc_right_rail" data-variant = "cme" data-info = "1" data-label = "/ articles / how-to-center-an-image-using-html-البرمجة" title = "How to توسيط صورة باستخدام HTML برمجة "class =" ui-body "> <h5> كيفية توسيط صورة باستخدام برمجة HTML </h5> </a> <!> <!> <!> </div> </div> <div id = "articleWrapper0rcpItem1" class = "related-content__item tech-support"> <div class = "item__section item__section - number"> <div> 2 </div> <!> <!> <!> <!> <!> <!> < / div> <div class = "item__section item__section - title "> <!> <!> <!> <a href =" https://www.techwalla.com/articles/how-to-use-javascript-to-print-a-pdf" data-event = "rc_right_rail" data-variant = "cme" data-info = "2" data-label = "/ articles / how-to-use-javascript-to-print-a-pdf" title = "How to استخدم JavaScript لطباعة ملف PDF "class =" ui-body "> <h5> كيفية استخدام JavaScript لطباعة ملف PDF </h5> </a> <!> <!> <!> </div> </div> <div id = "articleWrapper0rcpItem2" class = "related-content__item tech-support "> <div class =" item__section item__section - number "> <div> 3 </div> <!> <!> <!> <!> <!> <!> </div> <div class = "item__section item__section - title"> <!> <!> <!> <a href = " https://www.techwalla.com/articles/how-to-reduce-the-spacing-between-lines-in-html" data-event = "rc_right_rail" data-variant = "cme" data-info = "3" data-label = "/ articles / how-to-reduction-the-spacing-between-lines-in-html" title = " كيفية تقليل التباعد بين السطور في HTML "class =" ui-body "> <h5> كيفية تقليل التباعد بين السطور في HTML </h5> </a> <!> <!> <!> </div> </div> <div id = "articleWrapper0rcpItem3" class = "related-content__item technically-for-parent "> <div class =" item__section item__section - number "> <div> 4 </div> <!> <!> <!> <!> <!> <!> </div> < div class = "item__section item__section - title"> <!> <!> <!> <a href = " https://www.techwalla.com/articles/what-does-html-stand-for" data-event = "rc_right_rail" data-variant = "cme" data-info = "4" data-label = "/ articles / what-does-html-stand-for" title = "ما الذي يمثله HTML؟" class = "ui-body"> <h5> ما المقصود بلغة HTML؟ </h5> </a> <!> <!> <!> </div> </div> <div id = "articleWrapper0rcpItem4" class = "related-content__item tech-support"> <div class = "item__section item__section - number "> <div> 5 </div> <!> <!> <!> <!> <!> <!> </div> <div class =" item__section item__section - title "> <! > <!> <!> <a href = " https://www.techwalla.com/articles/how-do-i-make-text-red-in-html" data-event = "rc_right_rail" متغير البيانات = "cme" data-info = "5" data-label = "/ articles / how-do-i-make-text-red-in-html" title = "كيف أجعل النص باللون الأحمر في HTML؟" class = "ui-body"> <h5> كيف أجعل النص أحمر في HTML؟ </h5> </a> <!> <!> <!> </div> </div> <div id = "articleWrapper0rcpItem5" class = "related-content__item tech-support"> <div class = "item__section item__section - number "> <div> 6 </div> <!> <!> <!> <!> <!> <!> </div> <div class =" item__section item__section - title "> <! > <!> <!> <a href = " https://www.techwalla.com/articles/how-to-type-a-caret-symbol" data-event = "rc_right_rail" data-variant = "cme" data-info = "6" data-label = "/ articles / how-to-type-a-caret-code" title = "كيفية كتابة رمز علامة الإقحام "class =" ui-body "> <h5> كيفية كتابة رمز علامة الإقحام </h5> </a> <!> <!> <!> </div> </div> </div> </div> <div class = "ad-two"> <div class = "ad btf "style =" top: 20px؛ "> <div id =" rightrail1-2 "data-ad-path =" / 6117 / dmd.techwalla / rightrail1-2 " data-ad-Target = "{" loc ":" btf "}" data-ad-batch = "1" data-ad-breakpoint = "large" data-ad-type = "gpt" data-ad-refresh = "true" data-ad-sizes = "[[300، 250]]"> </div> </div> </div> <!> <div class = "ad-three-four-container"> <!> <!> </div> </aside> </div> </div> </div> <div data-ad-breakpoint = "small" data -ad-logic = "adhesion" data-ad-Refresh = "false" data-ad-batch = "1" data-ad-Target = "{" loc ":" adhesion "}" data-ad-path = "/ 6117 / dmd.techwalla.mw /"> </div> <!> <div class = "ad-infinite -scroll "> <div id =" infscroll-mobile1-1 " data-ad-path = "/ 6117 / dmd.techwalla.mw / infscroll1-1" data-ad-batch = "1" data-ad-Target = "{" loc ":" infscroll "}" data-ad- أحجام = "[1،2]" data-ad-bidding = "false" data-ad-breakpoint = "small" data-ad-Refresh = "false" data-ad-type = "gpt" class = "component-ad-gpt ad infscroll ad-mobile"> </div> <div id = "infscroll1-1" data-ad- path = "/ 6117 / dmd.techwalla / infscroll1-1" data-ad-batch = "1" data-ad-Target = "{" loc ":" infscroll "}" data-ad-sizes = "[[1،2]]" data-ad-bidding = "false" data-ad-breakpoint = "وسيط ، كبير "data-ad-Refresh =" false "data-ad-type =" gpt "class =" component-ad-gpt ad infscroll ad-desktop "> </div> </div> </div> </div> <div id =" brandmetrics1-1 "data-ad-type =" gpt "data-ad-batch =" 1 "data -ad-breakpoint = "صغير ، متوسط ، كبير" data-ad-outofpage = "true" data-ad-pathmobile = "/ 6117 / dmd.techwalla.mw / brandmetrics1-1" data-ad-pathdesktop = "/ 6117 / dmd.techwalla / brandmetrics1-1" data-ad-Refresh = "false" data-ad -الحجم = "[[1، 1]] "> </div> </div> </div> </div> </div> </main> <!> </div> <div class =" component-subscriber-manager "> <! > <!> <!> <div id = "emailslider1-1" data-ad-path = "/ 6117 / dmd.techwalla / emailslider1-1" data-ad-batch = "1" data-ad-target = "{" loc ":"} "data-ad-sizes =" [[1،3]] "data-ad-bidding =" true "data -ad-breakpoint = "صغير ، متوسط ، كبير" data-ad-Refresh = "false" data-ad-type = "gpt" class = "component-ad-gpt ad emailslider ad-mobile، desktop "> </div> </div> </div> <script> نافذة .__ INITIAL_STATE __ = {" statusCode ": 200،" isActiveModal ": false،" showPage500 ": false،" ads ": {}،" Article ": {"articles": [{"category": {"name": "Tech Support "،" slug ":" tech-support "}،" subcategory ": {" name ":" Reviews "،" slug ":" reviews "}،" body ": [{" parts ": [{" content ":" \ u003Cp \ u003E الجزءان الرئيسيان من مستند HTML هما الرأس والجسم. يحتوي كل قسم على معلومات محددة. يحتوي قسم الرأس على معلومات مفيدة لمتصفح الويب ومحركات البحث ولكنها غير مرئية للقارئ. يحتوي قسم النص الأساسي على المعلومات التي تريد أن يراها الزائر. تم تنسيق المستند بشكل خاص بحيث تكون متصفحات الويب قادرة على تحليل المعلومات وتقديمها للزائر بشكل صحيح. \ u003C \ u002Fp \ u003E \ n "}]} ، {" parts ": [{" content ":" \ u003Cp \ u003EA يجب تنسيق مستند HTML بشكل صحيح لتتم قراءته بواسطة متصفح الإنترنت. فيما يلي مخطط عام لمستند HTML نموذجي: \ u003C \ u002Fp \ u003E \ n "} ، {" content ":" \ u003C! DOCTYPE \ u003E \ u003Chtml \ u003E \ u003Chead \ u003E معلومات لمتصفح الويب ومحركات البحث \ u003C \ u002Fhead \ u003E \ u003Cbody \ u003E المحتويات مرئية للقارئ \ u003C \ u002Fbody \ u003E \ u003C \ u002Fhtml \ u003E "} ، {" content ":" \ u003Cp \ u003E كلا العلامتين \ u003Chead \ u003E و \ u003Cbody \ u003E متضمنة ضمن علامة \ u003Chtml \ u003E الرئيسية. يجب إنهاء كلا القسمين بأحرف "<\ u002F>" حتى تتم قراءة المستند. \ u003C \ u002Fp \ u003E \ n "}] ،" العنوان ":" بنية HTML المستند "} ، {" الأجزاء ": [{" المحتوى ":" \ u003Cp \ u003E يحتوي قسم رأس المستند على عنوان الموقع والكلمات الرئيسية لمحركات البحث والنصوص وموقع ورقة الأنماط المتتالية التي يجب استخدامها في تنسيق الصفحة. تتضمن علامات HTML النموذجية المستخدمة في قسم الرأس \ u003Ctitle \ u003E ، \ u003Clink \ u003E ، \ u003Cstyle \ u003E ، \ u003Cmeta \ u003E و \ u003Cscript \ u003E العلامات. \ u003C \ u002Fp \ u003E \ n "} ، {" content ":" \ u003Cp \ u003E تحدد العلامة \ u003Ctitle \ u003E عنوان وثيقة. تربط العلامة \ u003Clink \ u003E موردًا خارجيًا ، مثل ملف CSS ، بالمستند. تحدد علامة \ u003Cstyle \ u003E أنماط المستند. تُستخدم علامة \ u003Cmeta \ u003E لتحديد المؤلف والكلمات الرئيسية ووصف المستند. تحدد العلامة \ u003Cscript \ u003E البرنامج النصي الذي سيتم تشغيله على كمبيوتر الزائر. إذا لم يتم وضع قسم الرأس في المستند ، فسيظل محتوى المستند معروضًا بواسطة ملف متصفح. \ u003C \ u002Fp \ u003E \ n "}] ،" title ":" Head Contents "} ، {" parts ": [{" content ":" \ u003Cp \ u003ET يتم استخدام قسم النص الأساسي للتنسيق صفحة الويب الفعلية. معظم علامات HTML ، مثل علامة الفقرة (\ u003Cp \ u003E) ، وعلامة الارتساء (\ u003Ca \ u003E) ، والعناوين يتم استخدام العلامات (\ u003Ch1 \ u003E إلى \ u003Ch6 \ u003E) وعلامة القسم (\ u003Cdiv \ u003E) في هذا القسم من وثيقة. يتم أيضًا وضع البرامج النصية من جانب الخادم في هذا القسم من المستند. إذا لم يكن لديك قسم نصي في مستند HTML الخاص بك ، فلن يتم عرض أي شيء في الويب متصفح. \ u003C \ u002Fp \ u003E \ n "}] ،" title ":" Body Contents "} ، {" parts ": [{" content ":" \ u003Cp \ u003E الشيء الوحيد غير المضمن بين \ u003Chtml \ u003E هي إعلان DOCTYPE. إذا تم استخدامه ، يجب أن يكون السطر الأول في مستند HTML. يتم استخدامه لإخبار متصفح الويب بإصدار HTML الذي يستخدمه المستند. يستخدم المتصفح هذا الإعلان لعرض الصفحة بشكل صحيح. يمكن إلغاء إعلان DOCTYPE ، لكن المستعرض قد لا يعرض صفحتك هل الجزءان الأساسيان من مستند HTML؟ "،" page_title ":" ما هما الجزأان الأساسيان في مستند HTML؟ عناصر رأس HTML "}، {" url ":" http: \ u002F \ u002Fwww.w3schools.com \ u002Ftags \ u002Ftag_meta.asp "،" title ":" W3Schools.com: HTML <Meta> علامة "}، {" url ":" http: \ u002F \ u002Fwww.w3schools.com \ u002Ftags \ u002Ftag_body.asp "،" title ":" W3Schools.com: HTML <Body> علامة "}، {" url ":" http: \ u002F \ u002Fwww.w3schools.com \ u002Ftags \ u002Ftag_doctype.asp "،" title ":" W3Schools.com: HTML <! DOCTYPE> إعلان "}] ،" موارد ": [] ،" سبيكة ":" \ u002Farticles \ u002Fwhat-are-the-two-main-parts-of-an-html-document "،" studio_id ":" c3e12530-5681- 40e5-89ca-09db1f984f65 "،" ملخص ":" الاثنان الرئيسيان أجزاء من مستند HTML هي الرأس والجسم. يحتوي كل قسم على معلومات محددة. يحتوي قسم الرأس على معلومات مفيدة لمتصفح الويب ومحركات البحث ولكنها غير مرئية للقارئ. يحتوي قسم النص الأساسي على المعلومات التي تريد أن يراها الزائر. "،" العلامات ": [" المجموعة 5 "،" configurabletemplate "] ،" العنوان ":" ما هي الجزءان الرئيسيان من HTML المستند؟ "،" title_id ": 37505،" type ":" article "،" author ": {" _ id ":" www.demandstudios.com \ u002Fcontributor \ u002F8329c089-06a1-45d5-b803-b25f77fd955c "،" display_name ": "كريستين ووترز "،" بيو ":" كريستين ووترز تكتب لصناعة الكمبيوتر منذ عام 2004. كتبت مواد تدريبية لشركات الكمبيوتر الكبيرة والصغيرة بالإضافة إلى مقالات إرشادية ومفيدة للعديد من المنشورات عبر الإنترنت. وهي حاصلة على درجة البكالوريوس في العلوم من كلية يورك في بنسلفانيا وجامعة هل الجزءان الأساسيان من مستند HTML؟ "}]}] ،" كلمات رئيسية ": [" أقسام مستند HTML "،" قسم نص HTML "،" رأس HTML جزءان رئيسيان من مستند HTML هما الرأس والجسم. يحتوي كل قسم على معلومات محددة. يحتوي قسم الرأس على معلومات مفيدة لمتصفح الويب ومحركات البحث ولكنها غير مرئية للقارئ. يحتوي قسم النص الأساسي على المعلومات التي تريد أن يراها الزائر. تم تنسيق المستند بشكل خاص بحيث تكون متصفحات الويب قادرة على تحليل المعلومات وتقديمها للزائر بشكل صحيح. \ u003C \ u002Fp \ u003E \ n "}، {" type ":" ad-mobile "،" content ": {" loc ":" ad_1 "،" slot ":" slot "،" slotNumber ": 1 ، "الأحجام": [[300،250]، [320،50]، [320،100]]}}، {"type": "title"، "content": {"title": "Structure من مستند HTML "،" formatted_title ":" "}}، {" type ":" content "،" content ":" \ u003Cp \ u003EA يجب تنسيق مستند HTML بشكل صحيح لتتم قراءته بواسطة مستعرض ويب. فيما يلي مخطط عام لمستند HTML نموذجي: \ u003C \ u002Fp \ u003E \ n "} ، {" type ":" jwplayer "،" content ": {" AdvertisingTag ":" https: \ u002F \ u002Fpubads.g .doubleclick.net \ u002Fgampad \ u002Fads؟ \ u003Chtml \ u003E \ u003Chead \ u003E معلومات لمتصفح الويب ومحركات البحث \ u003C \ u002Fhead \ u003E \ u003Cbody \ u003E المحتويات مرئية للقارئ \ u003C \ u002Fbody \ u003E \ u003C \ u002Fhtml \ u003E "}، {" type ":" content "،" content ":" \ u003Cp \ u003E كلا العلامتين \ u003Chead \ u003E و \ u003Cbody \ u003E موجودان في \ u003Chtml \ u003E الرئيسي بطاقة شعار. يجب إنهاء كلا القسمين بأحرف "<\ u002F>" للمستند المطلوب قراءة. \ u003C \ u002Fp \ u003E \ n "}، {" type ":" ad-mobile "،" content ": {" loc ":" ad_2 "،" slot ":" slot "،" slotNumber ": 2 ، "الأحجام": [[300،250]، [320،50]، [320،100]]}}، {"type": "title"، "content": {"title": "Head المحتويات "،" formatted_title ":" "}} ، {" type ":" content "،" content ":" \ u003Cp \ u003E يحتوي قسم رأس المستند على عنوان الموقع والكلمات الرئيسية لمحركات البحث والبرامج النصية و موقع ورقة الأنماط المتتالية التي يجب استخدامها في تنسيق الصفحة. تتضمن علامات HTML النموذجية المستخدمة في قسم الرأس \ u003Ctitle \ u003E ، \ u003Clink \ u003E ، \ u003Cstyle \ u003E ، \ u003Cmeta \ u003E و \ u003Cscript \ u003E علامات. \ u003C \ u002Fp \ u003E \ n "} ، {" type ":" content "،" content ":" \ u003Cp \ u003E تحدد العلامة \ u003Ctitle \ u003E عنوان وثيقة. تربط العلامة \ u003Clink \ u003E موردًا خارجيًا ، مثل ملف CSS ، بالمستند. تحدد علامة \ u003Cstyle \ u003E أنماط المستند. تُستخدم علامة \ u003Cmeta \ u003E لتحديد المؤلف والكلمات الرئيسية ووصف المستند. تحدد العلامة \ u003Cscript \ u003E البرنامج النصي الذي سيتم تشغيله على كمبيوتر الزائر. إذا لم يتم وضع قسم الرأس في المستند ، فسيظل محتوى المستند معروضًا بواسطة ملف المتصفح. \ u003C \ u002Fp \ u003E \ n "}، {" type ":" ad-mobile "،" content ": {" loc ":" ad_3 "،" slot ":" slot "،" slotNumber ": 3 ، "الأحجام": [[300،250]، [320،50]، [320،100]]}}، {"type": "title"، "content": {"title": "Body المحتويات "،" formatted_title ":" "}}، {" type ":" content "،" content ":" \ u003Cp \ u003E يتم استخدام قسم النص الأساسي لتنسيق صفحة الويب الفعلية. معظم علامات HTML ، مثل علامة الفقرة (\ u003Cp \ u003E) ، وعلامة الارتساء (\ u003Ca \ u003E) ، والعناوين يتم استخدام العلامات (\ u003Ch1 \ u003E إلى \ u003Ch6 \ u003E) وعلامة القسم (\ u003Cdiv \ u003E) في هذا القسم من وثيقة. يتم أيضًا وضع البرامج النصية من جانب الخادم في هذا القسم من المستند. إذا لم يكن لديك قسم نصي في مستند HTML الخاص بك ، فلن يتم عرض أي شيء في الويب متصفح. \ u003C \ u002Fp \ u003E \ n "}، {" type ":" title "،" content ": {" title ":" DOCTYPE "،" formatted_title ":" "}}، {" type ":" content "،" content ":" \ u003Cp \ u003E الشيء الوحيد الذي ليس كذلك مضمن بين علامات \ u003Chtml \ u003E هو إعلان DOCTYPE. إذا تم استخدامه ، يجب أن يكون السطر الأول في مستند HTML. يتم استخدامه لإخبار متصفح الويب بإصدار HTML الذي يستخدمه المستند. يستخدم المتصفح هذا الإعلان لعرض الصفحة بشكل صحيح. يمكن إلغاء إعلان DOCTYPE ، لكن المستعرض قد لا يعرض صفحتك هما الجزءان الرئيسيان من HTML مستند؟ "،" slug ":" \ u002Farticles \ u002Fwhat-are-the-two-main-parts-an-html-document "،" image ": {" caption ":" "}،" abstract ": "الجزءان الرئيسيان من HTML الوثيقة هي الرأس والجسم. يحتوي كل قسم على معلومات محددة. يحتوي قسم الرأس على معلومات مفيدة لمتصفح الويب ومحركات البحث ولكنها غير مرئية للقارئ. يحتوي قسم النص الأساسي على المعلومات التي تريد أن يطلع عليها الزائر فريق "،" bio ":" "،" Writer_id ":" www.demandstudios.com \ u002Fcontributor \ u002F667e9228-72d4-48ee-ad46-1ca4c9911aab "}،" title ":" كيفية توسيط صورة باستخدام برمجة HTML "، "الفئة": {"الاسم": "التقنية Support "،" slug ":" tech-support "}،" subcategory ": {" name ":" How 1 "]،" title_id ": 9321،" abstract ":" يستخدم مبرمج صفحة الويب لغة ترميز النص التشعبي لإخبار مستعرض الويب بالغرض الوظيفي لكل عنصر في الصفحة ، مثل فقرة أو عنوان أو Smith "،" bio ":" "،" Writer_id ":" www.demandstudios.com \ u002Fcontributor \ u002F9daedf9f-3cbb-4c49-85a2-349b732baab3 "}،" title ":" How to Use JavaScript to print a PDF "، "الفئة": {"الاسم": "التقنية Support "،" slug ":" tech-support "}،" subcategory ": {" name ":" How الإطارات "،" طباعة PDF "،" تطوير الويب "،" الطباعة بجافا سكريبت "] ،" العلامات ": [" المجموعة 9 "] ،" title_id ": 33574 ،" الملخص ":" من المفهوم أنك قد ترغب في اطبع ملف PDF باستخدام الكود الموجود مباشرة داخل صفحة الويب الخاصة بك. البديل هو جعل العارض يقوم بتنزيل ملف PDF وفتحه ثم طباعته من برنامج آخر مثل Adobe Graham "،" bio ":" عمل Richard Graham بشكل احترافي كخبير اقتصادي ومعلم منذ عام 2007. يعمل أيضًا كمستشار للشركات الصغيرة والمنظمات التي تركز على تطوير التقنيات الخضراء. جراهام حاصل على بكالوريوس العلوم في لتقليل التباعد بين السطور في HTML "،" category ": {" name ":" Tech Support "،" slug ":" tech-support "}،" subcategory ": {" name ":" How تباعد موقع الويب "، HTML تباعد الأسطر" ، "ارتفاع السطر HTML"] ، "العلامات": ["المجموعة 7"] ، "title_id": 25692 ، "الملخص": "يسهل استخدام HTML إنشاء صفحات ويب أساسية و ليتحكم سمات مختلفة لهذه الصفحات ، بما في ذلك الخط وحجم النص واللون وتباعد الأسطر. يمكن أن يكون تقليل التباعد بين الأسطر مفيدًا إذا كنت بحاجة إلى تكثيف صفحة ويب أو تقليل المساحة البيضاء من أجل جمالية الأسباب. "،" source ":" cme "،" position ": 3}، {" image ": {" alttext ":" HTML web Claerr "،" bio ":" Jennifer Claerr هي كاتبة ويب كتبت لمواقع على الإنترنت مثل Demand Studios و NBC5i.com و Texas.com و PC.com. لديها شهادة في الفن من جامعة تكساس في أرلينغتون. تكتب في مجموعة متنوعة من الموضوعات ، بما في ذلك الإجازات والصحة واللياقة البدنية والسفر وأجهزة الكمبيوتر و هل ترمز HTML إلى؟ "،" category ": {" name ":" من الناحية الفنية علامة معنى "،" ما هو html "،" شرح html "]،" العلامات ": [" Group 3 "]،" title_id ": 37685،" abstract ":" HTML تعني لغة ترميز النص التشعبي ، اللغة المستخدمة لإنتاج الوثائق الخاصة بالعالم الويب. باستخدام العلامات والسمات ، يخبر HTML متصفحات الويب بكيفية عرض النص والارتباطات التشعبية والصور على صفحة الويب ، وكذلك كيف يجب أن تستجيب الصفحة عندما يكون المستخدم يتفاعل معها. "،" source ":" cme "}، {" image ": {" alttext ":" HTML واين "،" السيرة الذاتية ":" ديفيد واين يكتب منذ عام 2010 ، مع ظهور أعمدة التكنولوجيا في العديد من الصحف الإقليمية في تكساس. تخرج واين من جامعة هيوستن في عام 2005 ، وحصل على بكالوريوس الآداب في Small.jpg "،" Writer_id ":" www.demandstudios.com \ u002Fcontributor \ u002F579c0246-8a73-4826-b8fc-d7cb70f46145 "}،" title ":" How Do I Make Text Red in HTML؟ "،" category ": {" name ":" Tech Support "،" slug ":" tech-support "}،" subcategory ": {" name ":" How 4.01 نوع المستند "،" HTML CSS داخلي "،" علامات HTML5 المهملة "] ،" العلامات ": [" المجموعة 2 "] ،" title_id ": 6420 ،" الملخص ":" يستخدم HTML نظامًا للكلمات الرئيسية المحجوزة يسمى العلامات التي تحدد سمات العنصر ، مثل نمط الخط واللون والمحاذاة. في HTML 4.01 والإصدارات السابقة ، تستخدم علامة <font> سمة اللون التي تحدد كتلة نصية واحدة بولين "،" السيرة الذاتية ":" تشاد بوليين هي جمعية الصحفيين المحترفين ، وهي صحفية صحفية ومحررة مجلة حائزة على جوائز ولديها أكثر من 10 سنوات من الخبرة. وهو محرر أول في مجلة دولية للأطفال. حصل بولين على بكالوريوس الآداب في الاتصالات مع التركيز في الصحافة المطبوعة من بريغهام يونغ لكتابة رمز علامة الإقحام "،" الفئة ": {" الاسم ":" الدعم الفني "،" سبيكة ":" الدعم الفني "} ،" الفئة الفرعية ": {" الاسم ":" كيف مفتاح الإقحام "،" اكتب رمز علامة الإقحام "،" إدراج رمز علامة الإقحام "] ،" العلامات ": [" المجموعة 5 "] ،" title_id ": 32081 ،" الملخص ":" يستخدم المحررون في حقل النشر رمز علامة الإقحام للإشارة أن هناك قسمًا على الصفحة به شيء مفقود. على سبيل المثال ، إذا كانت كلمة ما بها أخطاء إملائية لأنها تفتقر إلى الحرف المطلوب ، فيمكن للمحرر إدراج حرف إقحام بالحرف المطلوب أسفله مباشرة فريق "،" bio ":" "،" Writer_id ":" www.demandstudios.com \ u002Fcontributor \ u002F667e9228-72d4-48ee-ad46-1ca4c9911aab "}،" title ":" كيفية توسيط صورة باستخدام HTML البرمجة "،" category ": {" name ":" Tech Support "،" slug ":" tech-support "}،" subcategory ": {" name ":" How 1 "]،" title_id ": 9321،" abstract ":" يستخدم مبرمج صفحة الويب لغة ترميز النص التشعبي لإخبار مستعرض الويب بالغرض الوظيفي لكل عنصر في الصفحة ، مثل فقرة أو عنوان أو Smith "،" bio ":" "،" Writer_id ":" www.demandstudios.com \ u002Fcontributor \ u002F9daedf9f-3cbb-4c49-85a2-349b732baab3 "}،" title ":" How to Use JavaScript to print a PDF "، "الفئة": {"الاسم": "التقنية Support "،" slug ":" tech-support "}،" subcategory ": {" name ":" How الإطارات "،" طباعة PDF "،" تطوير الويب "،" الطباعة بجافا سكريبت "] ،" العلامات ": [" المجموعة 9 "] ،" title_id ": 33574 ،" الملخص ":" من المفهوم أنك قد ترغب في اطبع ملف PDF باستخدام الكود الموجود مباشرة داخل صفحة الويب الخاصة بك. البديل هو جعل العارض يقوم بتنزيل ملف PDF وفتحه ثم طباعته من برنامج آخر مثل Adobe Graham "،" bio ":" عمل Richard Graham بشكل احترافي كخبير اقتصادي ومعلم منذ عام 2007. يعمل أيضًا كمستشار للشركات الصغيرة والمنظمات التي تركز على تطوير التقنيات الخضراء. جراهام حاصل على بكالوريوس العلوم في لتقليل التباعد بين السطور في HTML "،" category ": {" name ":" Tech Support "،" slug ":" tech-support "}،" subcategory ": {" name ":" How تباعد موقع الويب "، HTML تباعد الأسطر" ، "ارتفاع السطر HTML"] ، "العلامات": ["المجموعة 7"] ، "title_id": 25692 ، "الملخص": "يسهل استخدام HTML إنشاء صفحات ويب أساسية و ليتحكم سمات مختلفة لهذه الصفحات ، بما في ذلك الخط وحجم النص واللون وتباعد الأسطر. يمكن أن يكون تقليل التباعد بين الأسطر مفيدًا إذا كنت بحاجة إلى تكثيف صفحة ويب أو تقليل المساحة البيضاء من أجل جمالية الأسباب. "،" source ":" cme "،" position ": 3}، {" image ": {" alttext ":" HTML web Claerr "،" bio ":" Jennifer Claerr هي كاتبة ويب كتبت لمواقع على الإنترنت مثل Demand Studios و NBC5i.com و Texas.com و PC.com. لديها شهادة في الفن من جامعة تكساس في أرلينغتون. تكتب في مجموعة متنوعة من الموضوعات ، بما في ذلك الإجازات والصحة واللياقة البدنية والسفر وأجهزة الكمبيوتر و هل ترمز HTML إلى؟ "،" category ": {" name ":" من الناحية الفنية علامة معنى "،" ما هو html "،" شرح html "]،" العلامات ": [" Group 3 "]،" title_id ": 37685،" abstract ":" HTML تعني لغة ترميز النص التشعبي ، اللغة المستخدمة لإنتاج الوثائق الخاصة بالعالم الويب. باستخدام العلامات والسمات ، يخبر HTML متصفحات الويب بكيفية عرض النص والارتباطات التشعبية والصور على صفحة الويب ، وكذلك كيف يجب أن تستجيب الصفحة عندما يكون المستخدم يتفاعل معها. "،" source ":" cme "}، {" image ": {" alttext ":" HTML واين "،" السيرة الذاتية ":" ديفيد واين يكتب منذ عام 2010 ، مع ظهور أعمدة التكنولوجيا في العديد من الصحف الإقليمية في تكساس. تخرج واين من جامعة هيوستن في عام 2005 ، وحصل على بكالوريوس الآداب في Small.jpg "،" Writer_id ":" www.demandstudios.com \ u002Fcontributor \ u002F579c0246-8a73-4826-b8fc-d7cb70f46145 "}،" title ":" How Do I Make Text Red in HTML؟ "،" category ": {" name ":" Tech Support "،" slug ":" tech-support "}،" subcategory ": {" name ":" How 4.01 نوع المستند "،" HTML CSS داخلي "،" علامات HTML5 المهملة "] ،" العلامات ": [" المجموعة 2 "] ،" title_id ": 6420 ،" الملخص ":" يستخدم HTML نظامًا للكلمات الرئيسية المحجوزة يسمى العلامات التي تحدد سمات العنصر ، مثل نمط الخط واللون والمحاذاة. في HTML 4.01 والإصدارات السابقة ، تستخدم علامة <font> سمة اللون التي تحدد كتلة نصية واحدة بولين "،" السيرة الذاتية ":" تشاد بوليين هي جمعية الصحفيين المحترفين ، وهي صحفية صحفية ومحررة مجلة حائزة على جوائز ولديها أكثر من 10 سنوات من الخبرة. وهو محرر أول في مجلة دولية للأطفال. حصل بولين على بكالوريوس الآداب في الاتصالات مع التركيز في الصحافة المطبوعة من بريغهام يونغ لكتابة رمز علامة الإقحام "،" الفئة ": {" الاسم ":" الدعم الفني "،" سبيكة ":" الدعم الفني "} ،" الفئة الفرعية ": {" الاسم ":" كيف مفتاح الإقحام "،" اكتب رمز علامة الإقحام "،" إدراج رمز علامة الإقحام "] ،" العلامات ": [" المجموعة 5 "] ،" title_id ": 32081 ،" الملخص ":" يستخدم المحررون في حقل النشر رمز علامة الإقحام للإشارة أن هناك قسمًا على الصفحة به شيء مفقود. على سبيل المثال ، إذا كانت كلمة ما بها أخطاء إملائية لأنها تفتقر إلى الحرف المطلوب ، فيمكن للمحرر إدراج حرف إقحام بالحرف المطلوب أسفله مباشرة مضمنة كتلة العرض الأدنى: 320 بكسل ؛ أقصى عرض: 1200 بكسل ؛ العرض: 100٪؛ الارتفاع: 450 بكسل "}،" linkUnit ": {" سطح المكتب ": {" clientId ":" ca-pub-0316265116163263 "،" slotId ":" 4465103631 "،" styles ":" display: inline- منع؛ العرض: 440 بكسل ؛ height: 200px "}،" mobile ": {" clientId ":" ca-pub-0316265116163263 "،" slotId ":" 9816821440 "،" styles ":" display: block؛ الانتقال: لا شيء 0 s يسهل 0 ثانية ؛ المخطط التفصيلي: لا شيء ؛ الحدود: لا يوجد ؛ الحشو: 0 بكسل ؛ تباعد الحدود: 0 بكسل ؛ ارتفاع: قد تحصل على تعويض من خلال الروابط التابعة في هذا نكون نكون 443 "،" externalDomain ":" https: \ u002F \ u002Fapi.techwalla.com: & مراجعات الأدوات ، البيانات الوصفية والتوصيات "،" الوصف ":" التكنولوجيا أصبحت بسيطة لعائلتك بأكملها. "،" المعلومات ": [{" الخاصية ":" og: site_name "،" المحتوى ":" Techwalla "} ، { "خاصية": "fb: app_id "،" content ":" 1578283302422712 "}، {" property ":" fb: pages "،" content ":" 1116406528374498 "}، {" name ":" twitter: 8080 "،" title ":" Techwalla "}،" lazyLoaderSetting ": {" rootMargin ":" 50٪ 0٪ 100٪ -النتائج- لـ "\ u003Cspan \ u003E-searchTerm- \ u003C \ u002Fspan \ u003E" "،" inputPlaceholderValue ":" Type to Search "،" noResultsCopy ":" تحقق من أحدث ما لدينا لمعرفة المزيد عن أحدث الأدوات التكنولوجية للأطفال أو أفضل صفقة تقنية؟ لقد جعلتك Techwalla مغطاة بتوصيات منتجاتنا الصادقة وتغطية المبيعات و المزيد. "،" hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002Fshop.png "}،" gift-guides ": {" name ":" Gift Guides "،" slug ":" gift-guides "،" title ": "هدية أدلة "،" نوع ":" فئة فرعية "،" وصف ":" سواء كنت تبحث عن أفضل الهدايا التقنية لطفلك أو هدايا لعشاق المنزل الذكي ، فقد قمنا بتغطيتك مع أدلة هدايا الخبراء. "،" بطل ":" \ u002Fimages \ u002FcategoriesHeros \ u002Fshop.png "،" الأصل ": {" name ":" Shop "،" slug ":" shop "}}،" tech-toys ": {"الاسم": "تيك الألعاب "،" سبيكة ":" ألعاب التكنولوجيا "،" العنوان ":" ألعاب التكنولوجيا "،" النوع ":" الفئة الفرعية "،" الوصف ":" هل تريد هدية لطفلك تتميز بالذكاء التكنولوجي والتعليمي؟ لقد قمنا بتغطيتك بمقالات عن أفضل هدايا STEM و STEAM للأطفال في منطقتك life. "،" hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002Fshop.png "،" parent ": {" name ":" Shop "،" slug ":" shop "}}،" tech-on-a-budget ": {" name ":" Tech on a Budget "،" slug ":" tech-on-a-budget "،" title ":" Tech على الميزانية "،" النوع ":" الفئة الفرعية "،" الوصف ":" هل تريد أحدث جهاز iPhone ولكنه ليس ضمن الميزانية؟ لقد قمنا بتغطيتك بأفضل الصفقات التقنية التي تناسب ميزانيتك و نمط الحياة. "،" hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002Fshop.png "،" parent ": {" name ":" Shop "،" slug ":" shop "}}،" smart-life ": {" الاسم ":" Smart Life "،" slug ":" smart-life "،" العنوان ":" Smart Life "،" type ":" category "،" description ":" مع أحدث تقييمات الأدوات الذكية الصديقة للعائلة ، وتسجيلات التطبيقات الرائعة ، ونصائح السفر والمزيد ، تساعدك Techwalla على عيش حياتك قليلاً أذكى. "،" hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002FsmartLife.png "}،" gadgets ": {" name ":" Gadgets "،" slug ":" gadgets "،" title ":" Gadgets "،" اكتب ":" subcategory "،" description ":" تعرف على المزيد حول أروع وأحدث الأدوات التقنية مع توصياتنا الصادقة والتغطية التقنية المتطورة. "،" hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002FsmartLife.png "،" parent ": {" name ":" Smart Life "،" slug ":" smart-life "}}،" cool-apps ": {" name ":" Cool Apps "،" slug ":" cool-apps "،" title ":" Cool Apps "، "type": "subcategory"، "description": "سواء كنت تريد المزيد من الأخبار حول أروع البرامج التعليمية تطبيقات لأطفالك أو مراجعة صادقة لأفضل التطبيقات للمساعدة في إنتاجيتك ، لدينا كل شيء. "،" بطل ":" \ u002Fimages \ u002FcategoriesHeros \ u002FsmartLife.png "،" الوالد ": {" name ": "ذكي Life "،" slug ":" smart-life "}}،" travel ": {" name ":" Travel "،" slug ":" travel "،" title ":" Travel "،" type ":" subcategory "،" description ":" في Techwalla ، نقدم لك تجربة صادقة بشأن أفضل تقنيات السفر ، صفقات ونصائح السفر للمساعدة في جعل حياتك (والسفر) أسهل لك ولعائلتك. "،" بطل ":" \ u002Fimages \ u002FcategoriesHeros \ u002FsmartLife.png "،" الوالد ": {" name ":" ذكي Life "،" slug ":" smart-life "}}،" smartphones ": {" name ":" Smartphones "،" slug ":" smartphones "،" title ":" Smartphones "،" type ":" subcategory "،" description ":" نحن نقدم مراجعات وأخبار صادقة عن آخر المستجدات الهواتف الذكية ، من أجهزة iPhone و Android وهواتف الأطفال والمزيد. "،" hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002FsmartLife.png "،" parent ": {" name ":" Smart Life "،" slug ":" smart-life "}}،" technically-for-parent ": {" name ":" Technically for Parents "،" slug ":" technically-for-parent "،" title ": "من الناحية الفنية للآباء" ، "النوع": "الفئة" ، "الوصف": "من مقالات تغطي موارد التعليم التكنولوجي الجديدة لنصائح الأمان عبر الإنترنت ، لدينا كل ما تحتاج إلى معرفته لتكون خبيرًا في التكنولوجيا أحد الوالدين. "،" hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002FtechnicallyForParents.png "}،" education ": {" name ":" Education "،" slug ":" education "،" title ":" Education "،" اكتب ":" subcategory "،" description ":" From مراجعات حول التطبيقات التعليمية لمصادر STEM و STEAM ، نساعدك على التنقل في عالم التكنولوجيا التعليمية المزدحم واتخاذ قرارات مستنيرة بشأن أطفالك التعليم. "،" hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002FtechnicallyForParents.png "،" parent ": {" name ":" Technically for الآباء "،" slug ":" technically-for-parent "}}،" online-safety ": {" name ":" Online Safety "،" slug ":" online-safety "،" title ":" Online Safety "،" type ":" subcategory "،" description ":" في Techwalla نقدمها أنت بالمعلومات اللازمة للمساعدة في الحفاظ على أمان عائلتك في التكنولوجيا الخاصة بهم ، عبر الإنترنت و المزيد. "،" hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002FtechnicallyForParents.png "،" parent ": {" name ":" Technically for Parents "،" slug ":" technically-for-parent "}}،" tech -دعم ": {" الاسم ":" تيك Support "،" slug ":" tech-support "،" title ":" Shop "،" type ":" category "،" description ":" Techwalla هو متجرك الشامل للحصول على المشورة التقنية. بدءًا من الإرشادات خطوة بخطوة وحتى المراجعات والمزيد ، نساعد في الحفاظ على اتصالك أنت وعائلتك و إنتاجي. "،" hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002FtechSupport.png "}،" how-to ": {" name ":" How To "،" slug ":" how-to "،" title ": "كيف" ، "اكتب": "فئة فرعية" ، "وصف": "من المقالات التي تساعدك في إعادة تعيين الطابعة الخاصة بك لاستكشاف أخطاء هاتفك وإصلاحها ، في Techwalla ، نساعدك على إزالة الغموض عن التكنولوجيا الخاصة بك مشاكل. "،" hero ":" \ u002Fimages \ u002Fcategories \ u002FtechSupport.png "،" الأصل ": {" name ":" Tech Support "،" slug ":" tech-support "}}،" reviews ": {" name ":" Reviews "،" slug ":" reviews "،" title ":" Reviews "،" type ":" subcategory "،" description ":" في Techwalla ، نقدم منتجًا صادقًا التوصيات ، مما يتيح لك أن تكون على اطلاع أكثر بشأن التكنولوجيا والحياة والشراء القرارات. "،" hero ":" \ u002Fimages \ u002Fcategories \ u002FtechSupport.png "،" الأصل ": {" name ":" Tech Support "،" slug ":" tech-support "}}،" Entertainment ": {" name ":" Entertainment "،" slug ":" Entertainment "،" title ":" Entertainment "،" type ":" category "،" description ":" من الجديد في وسائل التواصل الاجتماعي إلى مقالات شهرية تغطي أفضل ما يتم بثه على المنصات المختلفة ، لدينا أنت مغطى. "،" hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002FentertainmentImage.png "}،" whats-streaming ": {" name ":" What's Streaming "،" slug ":" whats-streaming "،" title ": "ما هى الجري "،" type ":" subcategory "،" description ":" هل تعاني من شلل التحليل عندما يتعلق الأمر بما ستشاهده الليلة؟ في Techwalla ، قمنا بتغطيتك بمقالات أسبوعية وشهرية حول ما يتم بثه النظام الأساسي. "،" hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002FentertainmentImage.png "،" parent ": {" name ":" Entertainment "،" slug ":" Entertainment "}}،" social-media ": {" الاسم ":" الاجتماعية الوسائط "،" slug ":" social-media "،" title ":" Social Media "،" type ":" subcategory "،" description ":" هل تريد معرفة آخر ما توصلت إليه وسائل التواصل الاجتماعي؟ لقد حصلنا على كل ذلك من خلال التحديثات على أحدث تطبيقات الدردشة لإبقاء عائلتك على اتصال ومنصات اجتماعية صديقة للأسرة و (1) "،" arrow_background_color ":" # 2E2E30 "،" image_url ":" "،" image_altText ":" "،" has_logo ": true،" custom_logo_url ":" "،" custom_logo_height ": 0،" custom_logo_width ": 0، "address_text": "اشترك في إلهام المنزل "،" body_text ":" الإرشادات وجميع الأحدث s؛ (s = document.currentScript || document.scripts [document.scripts.length-1]). parentNode.removeChild (s)؛} ())؛ </script> </body> <script type = "text / javascript "> window.reve = window.reve || {}; window.reve.cmd = window.reve.cmd || [] ؛ function loadReve () {const gptTargeting = window.lg.gptTargeting || {} gptTargeting.lg_uuid = window.lg.utils.getPublisherProvidedID () gptTargeting.experiment = window.lg.testpool window.reve.cmd.push (() => { window.reve.setState ('gptTargeting'، gptTargeting) ؛ window.reve.setState ('permutiveTargeting'، window.lg.permutiveTargeting) ؛ }) const reveScript = document.createElement ('script')؛ reveScript.src = ' https://reve.leafmedia.io/techwalla.js'; reveScript.defer = صحيح document.head.appendChild (reveScript) ؛ } setTimeout (() => {loadReve ()}، 2500) </script> <script data-id = "lg-pagespeed" type = "text / javascript"> // instana (الوظائف ، t، a، n) {s [t] || (s [t] = a، n = s [a] = function () {nqpush (arguments)}، nq = []، nv = 2، nl = 1 * تاريخ جديد)}) (نافذة ، "InstanaEumObject" ، "ineum") ؛ ineum ('reportUrl'، ' https://eum-red-saas.instana.io'); ineum ('key'، window.lg.instanaApiKey) ؛ ineum ('trackSessions') ؛ ineum ('ignoreUrls'، [/(localhost|cm\d\d\d\d).*/]) ؛ دعونا isAppLazyLoaded = خطأ ؛ // سيتم استبدال القيمة بتكلفة الأساس LAZY_LOAD TIMER = 5000 ؛ const lazyLoadEvents = ['mousedown'، 'scroll'، 'touchstart']؛ function lazyLoadApp () {if (isAppLazyLoaded) {return؛ } isAppLazyLoaded = صحيح ؛ // لا تزيل ، يتم استبدال الكلمة الرئيسية في إدراج دالة التمويل بعد (el ، referenceNode) {referenceNode.parentNode.insertBefore (el، referenceNode.nextSibling)؛} var lastScript = document.querySelector ('script [data-id = "lg-pagespeed"]')؛ [[]]. forEach (function (src) {var s = document.createElement ("script")؛ s.setAttribute ("غير متزامن" ، صحيح) ؛ s.src = src ؛ insertAfter (s ، lastScript) ؛ LastScript = s ؛ }); إذا (window.location.search.indexOf ('vue = false') -1 && 1) { ['"/dist/manifest_2797b390f2f2298568a8.js'،'"/dist/vendors~app_2797b390f2f2298568a8.js'،'"/dist/app_2797b390f2f2298568a8.js'].forEach (الوظيفة (src) {src = src.replace ('"' '،' ') var s = document.createElement (" script ")؛ s.setAttribute ("crossorigin" ، "مجهول") ؛ s.setAttribute ("غير متزامن" ، صحيح) ؛ s.src = src ؛ insertAfter (s ، lastScript) ؛ LastScript = s ؛ }); } lazyLoadEvents.forEach (event => {// 'mousedown'، 'scroll'، 'touchstart' window.removeEventListener (event، lazyLoadApp)})} lazyLoadEvents.forEach (event => {// 'mousedown'، 'scroll'، 'touchstart' window.addEventListener (event، lazyLoadApp)}) setTimeout (lazyLoadApp، LAZY_LOAD_TIMER) ، </script> <script> setTimeout (() => {const articleImageObserver = new IntersectionObserver ((إدخالات) => {Enters.forEach (entry => {const target = entry.target const srcset = target.getAttribute ('data-srcset') target.setAttribute ('srcset'، srcset)})}، {rootMargin: "0px 0px 50٪ 0px"، threshold: 0}) const firstImage = document.querySelectorAll ('source [data-base64]') if (firstImage.length) {firstImage.forEach (element => articleImageObserver.observe (element)) } }, 500); </script> </html> 
