التخطي إلى المحتوى

البحث عن لغة html، في العصر الحديث، أصبحت لغات البرمجة من الأشياء التي طورها العلماء والمتخصصون، خاصة في ضوء المعايير التكنولوجية المختلفة والوصول إلى بيئة جديدة ومختلفة تمامًا عن ذي قبل، ومن هنا جاءت أصبحت البرمجة جزءًا أساسيًا من التقدم في الوصول إلى الأشياء التي تسهل على البشر. ولعل لغة html هي إحدى هذه الطرق والوسائل وسنقدم فيها بحثاً متكاملاً عن هذه اللغة وأهميتها وما تقدمه في عالم الأجهزة الذكية.

مقدمة للبحث في لغة html

لقد كانت لغة html تطورًا هائلاً في مجال تصفح الويب وتصميم الويب، وقد نقل هذا العالم إلى مكان جديد تمامًا، بالإضافة إلى حقيقة أن هذه اللغة هي إحدى لغات البرمجة القديمة التي تم تستخدم لسنوات عديدة على الرغم من التخلي عن العديد من اللغات وانقضاء وقتها، إلا أن لغة html تمكنت من المثابرة والتطور والتقدم المستمر في مجال الويب، الأمر الذي ينعكس في مصلحة المتخصصين في تطوره والوصول إلى أفضل طرق تصفح الإنترنت وتصفحه من نهاية القرن الماضي وحتى يومنا هذا.

البحث في لغة html

لقد قدمت لغة html العديد من المزايا في عالم البرمجة، وهذا مشابه للغات البرمجة الأخرى التي استطاعت أن تقود التطور في الحوسبة والأجهزة الذكية في العقود القليلة الماضية، وهذا لم يكن نتيجة لحظة بل كانت تراكمية خلال التاريخ القديم والظهور الأول للغات البرمجة، سنتحدث في بحثنا عن تاريخ لغة html، بينما سنتحدث عن أهمية اللغة واستخداماتها في الوقت الحاضر.

تعريف لغة html

يُعرف HTML بالاسم الكامل وهو “Hypertext Markup Language”، حيث إنها لغة ترميز تُستخدم في إنشاء وتصميم مواقع الويب وصفحات الويب، وهي من أقدم اللغات في البرمجة وأكثرها استخدامًا في تصميم صفحات الويب، و html هي بنية صفحة الويب في ذلك الوقت، حيث تقدم للمتصفح وصفًا لكيفية عرض محتواه ويمكن أن تساعده من خلال العديد من التقنيات مثل أوراق الأنماط المتتالية المعروفة باسم ” CSS “بالإضافة إلى لغات البرمجة النصية مثل” JavaScript “التي تتلقى” مستندات html “من متصفحات الويب من خادم الويب الخاص، أو من نظام الملفات وعرضها، بينما وظيفة لغة برمجة html هي وصف هيكل صفحات الويب.

علاوة على ذلك، فإن العناصر الموجودة في html هي العنصر الأساسي للمستندات، حيث يمكنك إضافة صور وإضافة كائنات تفاعلية مثل ملفات الفيديو والملفات الصوتية والوحدات النمطية، كما يمكن إنشاء مستندات منظمة من خلال استخدام العلامات للإعلان عن العناوين، الفقرات والروابط وكذلك الجداول والاقتباسات وما إلى ذلك، ويمكن لهذه اللغة أن تتضمن برامج مكتوبة بلغات البرمجة، مثل “JavaScript” لتعديل محتوى وسلوك صفحات الويب وإضافة كود “CSS” الذي يحدد تخطيط وشكل المحتوى.

تاريخ لغة html

أعد الفيزيائي المعروف تيم بيرنرز لي في الثمانينيات واقترح نموذجًا أوليًا لنظام يسمح لباحثي CERN بمشاركة المستندات واستخدامها، في الوقت الذي كان يعمل فيه في المعهد الأوروبي للأبحاث النووية المعروف باسم CERN، وفي 1980 كتب مذكرة تقترح النظام، والنص التشعبي، المعروف باسم “النص الفائق”، يعتمد على “الإنترنت”. التسعينيات.

كان أول وصف عام لـ html مستندًا يُعرف باسم “علامة html” وقد تم ذكره لأول مرة على الإنترنت بواسطة “Berners Lee” في أواخر عام 1991 م، حيث يصف ثمانية عشر عنصرًا من العناصر الأولى التي تتكون منها، ونسبيًا التصميم بسيط في HTML باستثناء علامة “الارتباط التشعبي”، حيث تأثر هذا بشدة بـ “SGML Quid” وتم إنشاء “SGML” في شكل سلسلة من المستندات في دار “CERN”، و 11 عنصرًا من هذه العناصر لا تزال موجودة في أتش تي أم أل.

في عام 1988 م تم العثور على العديد من عناصر النص، وهي “ISO” و “TR9537″، والتي بدورها تغطي خصائص اللغات المنسقة كنص في سن مبكرة، وكذلك تلك المستخدمة بواسطة أمر الجريان الخاص.، والتي تم تطويرها في الستينيات خلال فترة مبكرة لنظام التشغيل “CTSS”، واستمدت هذه الأوامر أوامر التنسيق عبر الأوامر المستخدمة من قبل المجمعات لتنسيق المستندات يدويًا، ومع ذلك، فإن مفهوم “SGML” معمم للعلامات القائمة على العناصر بدلاً من مجرد تتبع خطوط الطباعة، مع الفصل بين العلامات والبنيات، انتقل html تدريجياً في هذا الاتجاه مع CSS، وفي عام 1993 تم نشر أول اقتراح لمواصفات html بواسطة Berners-Lee مع دان كونولي.

أهمية لغة تأشير النص الفائق

تكمن أهمية هذه اللغة في أنها سمحت بتصميم المواقع الإلكترونية كما أتاحت ظهورها في شكلها الحالي من خلال نظام تتبع وأساس لترميز بسيط للغاية من خلال استخدام إطارات وبرامج محددة تسهل الإدارة والتعلم لهم كذلك، ومن خلال هذه اللغة يمكن تعديل الموقع بطريقة سهلة، في الوقت الذي تكون فيه هذه اللغة هي الرابط بين المستخدمين ومتصفح الإنترنت، فمن خلال الرسومات والأكواد المخصصة، يحصل المتصفح على أوامر لمعرفة مواقع الصور والبيانات وكذلك العناوين في الحالة لعرضها بشكل صحيح للمستخدم.

خصائص لغة html

تتمتع لغة html بالعديد من المزايا، تمامًا مثل باقي لغات البرمجة المستخدمة اليوم، وهذه الميزات تهم المبرمجين في المقام الأول، وفيما يلي مزاياها:

  • تعتبر لغة سهلة التعلم حيث لن تكون هناك صعوبات في تعلمها.
  • هناك عدد كبير من المصادر التعليمية لهذا الغرض، وهذه المصادر متاحة على موقع يوتيوب ومن خلال الكتب والدورات المنشورة التي يتم تقديمها، ويتم ذلك في وقت قصير جدًا.
  • يتطلب التعلم فقط وجود برنامج “notepad” أو أحد البرامج المماثلة لتتمكن من كتابة العلامات والأكواد في صورة معينة وتعلم أساسيات محددة ومن ثم البدء في تصميم المواقع بسهولة.
  • يتميز بالإلمام بـ HTML مما يجعل من الممكن كتابة البرامج النصية والعمل مع اللغات الأخرى.
  • تعتمد عليه العديد من لغات البرمجة، مثل Visual Basic.

كيف يعمل أتش تي أم أل

من السهل إدارة html من خلال علامة الفتح المعروفة باسم بينما يكون الإغلاق بـ حيث أن هذا متطلب أساسي للبدء في بناء إحدى صفحات الويب وهي جرد جميع العلامات بين هاتين العلامتين، بالإضافة إلى متطلب العمل من خلالها على برنامج “ms-front page” أو “notepad” كما يأتي أشار إلى أن سبب البدء والانتهاء بالعلامتين المذكورتين هو إعطاء متصفح الويب الأمر بترجمة الأوامر بحيث تصبح محتوى يفهمه المستخدم النهائي لهذه الصفحة من الويب وزواره، وهناك علامات تحتوي على صفحات ويب HTML: و و ، إلى جانب و و <title /> .</p> <p>مثل كل الرسومات التي تحمل التنسيقات والأوامر التي تنوي تطبيقها على نبض الخليج الصفحة مثل الجداول والنصوص والرسومات وكذلك الارتباطات التشعبية والتنسيقات في هذا المربع، وذلك قبل الوصول إلى الكود لإغلاق العلامة، على سبيل المثال : و ، وتجدر الإشارة أيضًا إلى أن مصمم صفحة الويب مطلوب منه استخدام لغة البرمجة هذه للحفاظ على امتداد html والسماح له بتطبيق جميع نبض الخليج الملف وفقًا لهذه اللغة، بالإضافة إلى أنه يمكنك التحكم في كل من الحجم و اللوز ونوع الخط وكذلك الاتجاه من خلال استخدام العلامات التي تأخذ هذا الأمر. </p> <h2>ختام البحث عن لغة html</h2> <p>يعد الوصول إلى كيفية التعامل مع HTML ومعرفة كل مداخلها ومخارجها أحد الأشياء المهمة في عالم التكنولوجيا، خاصة في وقت أصبح فيه العالم كله معتمداً على الإنترنت ويتعامل معه باستمرار، كحياة بشرية تم ربطه مؤخرًا بشكل وثيق بالإنترنت والمتصفحات المختلفة والمواقع الإلكترونية. والتي توفر الآن مجموعة واسعة من الخدمات للمستخدمين، وبحلول نهاية بحثنا سنكون قد راجعنا أهم النقاط حول لغة html.</p> <p>في نهاية مقالنا قدمنا ​​بحثا عن لغة html، وحددنا تعريف هذه اللغة مع ذكر أهميتها وأهم المزايا التي تتمتع بها، وكذلك تاريخها وآلية تصميم المواقع الإلكترونية، في وقت أصبح فيه العالم مدمنًا على الإنترنت بشكل غير مسبوق.</p> </div> </div> <div class="share-buttons share-buttons-bottom"><div class="d-flex align-items-center share-buttons-inner"><div class="d-flex align-items-center sb-label"></div><div class="d-flex flex-grow flex-wrap justify-content-center share-buttons-buttons"><div class="d-flex flex-grow flex-grow-children circleIn share-buttons-default"> <div class="d-flex flex-grow-children ss-button ss-facebook"><a class="d-flex align-items-center justify-content-center" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.mxawi.com%2F%3Fp%3D18317" title="Facebook"><i class="fab fa-fw fa-facebook-f"></i><span class="d-none d-lg-block ss-label">Facebook</span></a></div> <div class="d-flex d-lg-none flex-grow-children ss-button ss-messenger"><a class="d-flex align-items-center justify-content-center" target="_blank" href="fb-messenger://share/?link=https%3A%2F%2Fwww.mxawi.com%2F%3Fp%3D18317" title="Messenger"><i class="fab fa-fw fa-facebook-messenger"></i><span class="d-none d-lg-block ss-label">Messenger</span></a></div> <div class="d-flex d-lg-none flex-grow-children ss-button ss-whatsapp"><a class="d-flex align-items-center justify-content-center" target="_blank" href="whatsapp://send?text=https%3A%2F%2Fwww.mxawi.com%2F%3Fp%3D18317" data-action="share/whatsapp/share" title="WhatsApp"><i class="fab fa-fw fa-whatsapp"></i><span class="d-none d-lg-block ss-label">WhatsApp</span></a></div> <div class="d-flex flex-grow-children ss-button ss-twitter"><a class="d-flex align-items-center justify-content-center" target="_blank" href="https://twitter.com/intent/tweet?text=%D8%A8%D8%AD%D8%AB+%D8%B9%D9%86+%D9%84%D8%BA%D8%A9+html&url=https%3A%2F%2Fwww.mxawi.com%2F%3Fp%3D18317" title="Twitter"><i class="fab fa-fw fa-twitter"></i><span class="d-none d-lg-block ss-label">Twitter</span></a></div> <div class="d-none d-lg-flex flex-grow-none flex-grow-children ss-button ss-short-link"><div class="d-flex align-items-center justify-content-center" title="رابط مختصر"><i class="fa fa-fw fa-link"></i><input class="sm-font form-control" type="text" value="https://www.mxawi.com/?p=18317" readonly /></div></div> </div></div></div></div> </div> </div> </section> <div id="sidebar-post_below" class="sidebar sidebar-post_below"> <div class="row row-min flex-wrap justify-content-center widget-area"> <aside id="a4h_posts_list-9" class="col col-12 widget widget_a4h_posts_list has-title"> <div class="flex-grow widget-inner"><header class="widget-header"><div class="widget-title"><h2>اقرأ أيضا</h2></div></header><div class="widget-content"> <div class="posts style2"><div class="posts-inner"><div class="d-flex flex-column post style2"> <a class="d-flex flex-column flex-grow post-link" href="https://www.mxawi.com/89809"> <div class="thumb-wrap" style="background-image: url('https://www.mxawi.com/wp-content/uploads/2024/12/عزل-الاسطح-360x200.webp');"> </div> <span class="overlay"></span> <h3 class="title plain main-color-border"> <div class="title-inner"> شركة عزل اسطح بالرياض </div> </h3> </a> </div><div class="d-flex flex-column post style2"> <a class="d-flex flex-column flex-grow post-link" href="https://www.mxawi.com/89806"> <div class="thumb-wrap" style="background-image: url('https://www.mxawi.com/wp-content/uploads/2024/12/تسرب-المياه-360x200.webp');"> </div> <span class="overlay"></span> <h3 class="title plain main-color-border"> <div class="title-inner"> ماهي أسباب نشع المياه ؟ </div> </h3> </a> </div><div class="d-flex flex-column post style2"> <a class="d-flex flex-column flex-grow post-link" href="https://www.mxawi.com/89800"> <div class="thumb-wrap" style="background-image: url('https://www.mxawi.com/wp-content/uploads/2024/11/عزل-اسطح-360x200.webp');"> </div> <span class="overlay"></span> <h3 class="title plain main-color-border"> <div class="title-inner"> شركة عزل اسطح بالياسمين </div> </h3> </a> </div><div class="d-flex flex-column post style2"> <a class="d-flex flex-column flex-grow post-link" href="https://www.mxawi.com/89788"> <div class="thumb-wrap" style="background-image: url('https://www.mxawi.com/wp-content/uploads/2024/10/اشتراك-شاهد-360x200.webp');"> </div> <span class="overlay"></span> <h3 class="title plain main-color-border"> <div class="title-inner"> كل ما تحتاج معرفته عن اشتراك شاهد واشتراك شاهد VIP شهر </div> </h3> </a> </div><div class="d-flex flex-column post style2"> <a class="d-flex flex-column flex-grow post-link" href="https://www.mxawi.com/89784"> <div class="thumb-wrap" style="background-image: url('https://www.mxawi.com/wp-content/uploads/2024/09/2-360x200.jpg');"> </div> <span class="overlay"></span> <h3 class="title plain main-color-border"> <div class="title-inner"> كيف تختار الملابس المناسبة لكل موسم؟ دليل شامل لإطلالة متجددة مع ESEVEN </div> </h3> </a> </div><div class="d-flex flex-column post style2"> <a class="d-flex flex-column flex-grow post-link" href="https://www.mxawi.com/89775"> <div class="thumb-wrap" style="background-image: url('https://www.mxawi.com/wp-content/uploads/2024/09/أفضل-محامي-جنائي-في-الرياض-360x200.webp');"> </div> <span class="overlay"></span> <h3 class="title plain main-color-border"> <div class="title-inner"> أفضل محامي جنائي في الرياض </div> </h3> </a> </div></div></div></div></div></aside> </div> </div> </div><!-- #content --> <div id="sidebar-side" class="sidebar sidebar-side"> <div class="row row-min flex-wrap justify-content-center widget-area"> <aside id="a4h_posts_list-8" class="col col-12 widget widget_a4h_posts_list has-title"> <div class="flex-grow widget-inner"><header class="widget-header"><div class="widget-title"><h2>أحدث المقالات</h2></div></header><div class="widget-content"> <div class="posts style1"><div class="posts-inner"><div class="d-flex flex-column post style1"> <a class="d-flex flex-column flex-grow post-link" href="https://www.mxawi.com/89809"> <div class="thumb-wrap" style="background-image: url('https://www.mxawi.com/wp-content/uploads/2024/12/عزل-الاسطح-360x200.webp');"> </div> <span class="overlay"></span> <h3 class="title plain main-color-border"> <div class="title-inner"> شركة عزل اسطح بالرياض </div> </h3> </a> </div><div class="d-flex flex-column post style1"> <a class="d-flex flex-column flex-grow post-link" href="https://www.mxawi.com/89806"> <div class="thumb-wrap" style="background-image: url('https://www.mxawi.com/wp-content/uploads/2024/12/تسرب-المياه-360x200.webp');"> </div> <span class="overlay"></span> <h3 class="title plain main-color-border"> <div class="title-inner"> ماهي أسباب نشع المياه ؟ </div> </h3> </a> </div><div class="d-flex flex-column post style1"> <a class="d-flex flex-column flex-grow post-link" href="https://www.mxawi.com/89800"> <div class="thumb-wrap" style="background-image: url('https://www.mxawi.com/wp-content/uploads/2024/11/عزل-اسطح-360x200.webp');"> </div> <span class="overlay"></span> <h3 class="title plain main-color-border"> <div class="title-inner"> شركة عزل اسطح بالياسمين </div> </h3> </a> </div><div class="d-flex flex-column post style1"> <a class="d-flex flex-column flex-grow post-link" href="https://www.mxawi.com/89793"> <div class="thumb-wrap" style="background-image: url('https://www.mxawi.com/wp-content/uploads/2024/10/1712334056162-360x200.png');"> </div> <span class="overlay"></span> <h3 class="title plain main-color-border"> <div class="title-inner"> خبايا جيستات جبر الخواطر والداعمين بالتيك توك </div> </h3> </a> </div><div class="d-flex flex-column post style1"> <a class="d-flex flex-column flex-grow post-link" href="https://www.mxawi.com/89788"> <div class="thumb-wrap" style="background-image: url('https://www.mxawi.com/wp-content/uploads/2024/10/اشتراك-شاهد-360x200.webp');"> </div> <span class="overlay"></span> <h3 class="title plain main-color-border"> <div class="title-inner"> كل ما تحتاج معرفته عن اشتراك شاهد واشتراك شاهد VIP شهر </div> </h3> </a> </div><div class="d-flex flex-column post style1"> <a class="d-flex flex-column flex-grow post-link" href="https://www.mxawi.com/89784"> <div class="thumb-wrap" style="background-image: url('https://www.mxawi.com/wp-content/uploads/2024/09/2-360x200.jpg');"> </div> <span class="overlay"></span> <h3 class="title plain main-color-border"> <div class="title-inner"> كيف تختار الملابس المناسبة لكل موسم؟ دليل شامل لإطلالة متجددة مع ESEVEN </div> </h3> </a> </div><div class="d-flex flex-column post style1"> <a class="d-flex flex-column flex-grow post-link" href="https://www.mxawi.com/89780"> <div class="thumb-wrap" style="background-image: url('https://www.mxawi.com/wp-content/uploads/2024/09/ما_هو_شاي_الماتشا-360x200.jpg');"> </div> <span class="overlay"></span> <h3 class="title plain main-color-border"> <div class="title-inner"> أفضل 10 فوائد لشاي الماتشا.. تعرف عليها الآن </div> </h3> </a> </div><div class="d-flex flex-column post style1"> <a class="d-flex flex-column flex-grow post-link" href="https://www.mxawi.com/89775"> <div class="thumb-wrap" style="background-image: url('https://www.mxawi.com/wp-content/uploads/2024/09/أفضل-محامي-جنائي-في-الرياض-360x200.webp');"> </div> <span class="overlay"></span> <h3 class="title plain main-color-border"> <div class="title-inner"> أفضل محامي جنائي في الرياض </div> </h3> </a> </div><div class="d-flex flex-column post style1"> <a class="d-flex flex-column flex-grow post-link" href="https://www.mxawi.com/89772"> <div class="thumb-wrap" style="background-image: url('https://www.mxawi.com/wp-content/uploads/2024/09/Holy-Quran-360x200.jpg');"> </div> <span class="overlay"></span> <h3 class="title plain main-color-border"> <div class="title-inner"> Reading the Holy Quran can transform your life </div> </h3> </a> </div><div class="d-flex flex-column post style1"> <a class="d-flex flex-column flex-grow post-link" href="https://www.mxawi.com/89607"> <div class="thumb-wrap" style="background-image: url('https://www.mxawi.com/wp-content/uploads/2024/09/نقل-اثاث-360x200.jpg');"> </div> <span class="overlay"></span> <h3 class="title plain main-color-border"> <div class="title-inner"> نقل عفش حولي مع شركة نقلي بالكويت </div> </h3> </a> </div></div></div></div></div></aside> </div> </div> </div><!-- #wrapper --> </div><!-- #wrapper-outer --> </main><!-- #site-main --> <footer id="site-footer" class="site-footer light-color"> <div class="site-footer-inner-1"> <div class="container px-0"> <div id="sidebar-footer2" class="sidebar sidebar-footer2"> <div class="row row-min flex-wrap justify-content-center widget-area"> <aside id="block-20" class="col col-12 widget widget_block "> <div class="flex-grow widget-inner"><div class="widget-content"> <ul class="wp-block-list"> <li><a href="https://edicioneselectronicas.com/" data-type="link" data-id="https://edicioneselectronicas.com/" target="_blank" rel="noreferrer noopener">best Metal detector for Gold</a></li> <li><a href="https://mamare.info/" data-type="URL" data-id="https://mamare.info/" target="_blank" rel="noreferrer noopener">شركة سيو</a></li> <li><a href="https://freespirit.tours/" data-type="URL" data-id="https://freespirit.tours/" target="_blank" rel="noreferrer noopener">مكتب سياحة في جورجيا</a></li> <li><a href="https://brandtravel.tours/" data-type="URL" data-id="https://brandtravel.tours/" target="_blank" rel="noreferrer noopener">أفضل برامج السياحة في جورجيا</a></li> <li><a href="https://speed-way-sa.com/%D8%A7%D9%84%D9%85%D8%AF%D9%88%D9%86%D8%A9/%D8%B4%D8%B1%D9%83%D8%A9-%D9%86%D9%82%D9%84-%D8%B9%D9%81%D8%B4-%D8%A8%D8%A7%D9%84%D8%B1%D9%8A%D8%A7%D8%B6-200-%D8%B1%D9%8A%D8%A7%D9%84/" data-type="URL" data-id="https://speed-way-sa.com/%D8%A7%D9%84%D9%85%D8%AF%D9%88%D9%86%D8%A9/%D8%B4%D8%B1%D9%83%D8%A9-%D9%86%D9%82%D9%84-%D8%B9%D9%81%D8%B4-%D8%A8%D8%A7%D9%84%D8%B1%D9%8A%D8%A7%D8%B6-200-%D8%B1%D9%8A%D8%A7%D9%84/" target="_blank" rel="noreferrer noopener">شركة نقل عفش بالرياض</a></li> <li><a href="https://eldamamclean.com/dammam-house-cleaning-company/" data-type="URL" data-id="https://eldamamclean.com/dammam-house-cleaning-company/" target="_blank" rel="noreferrer noopener">افضل شركة تنظيف بالدمام</a></li> </ul> </div></div></aside><aside id="block-22" class="col col-12 widget widget_block widget_text "> <div class="flex-grow widget-inner"><div class="widget-content"> <p></p> </div></div></aside><aside id="block-21" class="col col-12 widget widget_block "> <div class="flex-grow widget-inner"><div class="widget-content"> <ul class="wp-block-list"> <li><a href="https://a.larozavideo.net/category.php?cat=arabic-series32" data-type="link" data-id="https://ww.laroza.to/category.php?cat=arabic-series32" target="_blank" rel="noreferrer noopener">مسلسلات عربية</a></li> </ul> </div></div></aside> </div> </div> </div> </div> <div class="site-footer-inner-2"> <div class="container px-0 d-lg-flex flex-wrap align-items-center justify-content-between navigation-font sm-font text-center"> <div class="footer-navigation-outer"> </div> <div class="py-2 mx-3 ml-lg-5 flex-first ws-copyrights"><p>جميع الحقوق محفوظة</p> </div> <div class="py-2 flex-grow footer-ads"></div> <div></div </div> </div> </footer> </div><!-- #site --> <script type="text/javascript" src="https://www.mxawi.com/wp-content/plugins/perfecty-push-notifications/public/js/perfecty-push-sdk/dist/perfecty-push-sdk.min.js?ver=1.6.2" id="perfecty-push-js"></script> <script type="text/javascript" src="https://www.mxawi.com/wp-content/themes/newsplus/assets/js/main.js?ver=37.00" id="main-js"></script> </body> </html>