اچ تی ام ال (HTML) و یا به عبارت دیگر زبان نشانه‌گذاری ابرمتنی چیست؟اچ تی ام ال (HTML) و یا به عبارت دیگر زبان نشانه‌گذاری ابرمتنی چیست؟ تاریخ انتشار : 29 فروردین، 1396

اچ تی ام ال (HTML) و یا به عبارت دیگر زبان نشانه‌گذاری ابرمتنی چیست؟

اچ‌ تی‌ ام‌ ال زبان توصیف ساختار صفحه‌های وب است. دستورعمل‌های این زبان، برچسب (Tag) نام دارند در زبان html دستورات و متون مربوطه داخل تگ ها قرار می گیرند که هر کدام از این تگ ها خواص و کاربرد خاص خود را دارندزبانی‌است برای نشانه‌گذاری ابرمتن که برای تدوین قالب و طراحی صفحه‌های وب به کار می‌برند.

HTMLمخفف عبارت  Hyper TextMarkup Language  می باشد که به معنای زبان نشانه گذاری متن می باشد. HTMLدر کنار سی‌اس‌اس هستهٔ فناوری ساخت صفحه‌های وب هستند..تمام دستورات مانند وارد کردن عکس ها،متون،رنگ متون،چپ چین راست چین وسایر مقادیروارد می شود.هر کدام از این دستورات بین تگ ابتدایی و انتهایی قرار می گیرد.

محتوای یک صفحهٔ وب، با تگ ها ، نشانه‌گذاری شده و بدین‌ترتیب، نحوهٔ نمایش آن صفحه برای مرورگرهای وب، توصیف می‌شود. این زبان در خلال دهه ۹۰ توسط دنیس ریچی ابداع شد. تاکنون نسخهٔ ۵ آن عرضه است. هر یک از برچسب‌های اچ‌تی‌ام‌ال، معنا و مفهوم خاصی دارند و تأثیر مشخصی بر محتوا می‌گذارند؛ برفرض مثال برچسب‌هایی برای تغییر شکل ظاهری متن، نظیر درشت و ضخیم کردن یک کلمه یا برقراری پیوند به صفحات دیگر در اچ‌تی‌ام‌ال تعریف شده‌اند.

یک سند اچ‌تی‌ام‌ال، یک پروندهٔ مبتنی بر متن (Text–based) است که معمولاً با پسوند .htm یا .html نام‌گذاری شده و محتویات آن از برچسب‌های اچ‌تی‌ام‌ال تشکیل می‌شود. مرورگرهای وب، که قادر به درک و تفسیر برچسب‌های اچ‌تی‌ام‌ال هستند، تک ‌تک آن‌ها را از داخل سند اچ‌تی‌ام‌ال خوانده و سپس محتوای آن صفحه را نمایان‌سازی (Render) می‌کنند. اچ‌تی‌ام‌ال زبان برنامه‌نویسی نیست، بلکه زبانی برای نشانه‌گذاری ابرمتن است و اساساً برای ساخت‌مند کردن اطلاعات و جدایش اجزای منطقی یک نوشتارنظیر عناوین، تصاویر، فهرست‌ها، بندها و جداول — به کار می‌رود.

از سوی دیگر، اچ‌تی‌ام‌ال را نباید به عنوان زبانی برای صفحه‌آرایی یا نقاشی صفحات وب به کار بُرد؛ این وظیفه اکنون بر دوش فناوری‌های دیگری همچون سی‌اس‌اس است.به زبان ساده اچ‌تی‌ام‌ال شکلی از زبان دیگری بنام اس‌جی‌ام‌ال است و World Wide Web Consortium آن را به عنوان استانداردی برای نشانه‌گذاری مستندات ابرمتنی برای عرضه در وب، تدوین کرده‌است.

HTML

تگهای html

         < bdo >                    قلم نوشته را به صورت نوشته های محيط های کدنويسی کامپيوتر در می آورد .

         < b >                        برای توپر کردن نوشته ( Bold ) به کار می رود .

         < big >                     باعث بزرگتر نمايش داده شدن نوشته در يک متن می شود .

        < colgroup >         برای دسته بندی گروهی از ستون های يک جدول به کار می رود .

        < img >                برای قرار دادن تصوير در صفحه به کار می رود .

33         < input >              برای ساختن انواع کتنرل های HTML به کار می رود .

        < ins >                 برای مشخص کردن متن های جديد وارد شده در يک صفحه به کار می رود .

        < br >                     برای ايجاد يک خط جديد به کار می رود .

         < abbr >                   برای ايجاد يک مخفف برای يک عبارت بزرگتر به کار می رود .

         < acronym >            برای ايجاد يک مخفف برای يک عبارت بزرگتر به کار می رود .

         < address >             برای نوشتن يک آدرس در متن به کار می رود .

         < area >                   مشخص کننده يک ناحيه در نقشه های تصويری است .

         < a >                         برای ايجاد يک لنگر به کار می رود .

        < dl >                     برای ايجاد ليست های معنی به کار می رود .

        < del >                   برای نمايش متن حذف شده درصفحه به کار می رود .

        < div >                   برای تقسيم فضا در صفحات وب به کار می رود .

        < dt >                     برای ايجاد ليست های معنی به کار می رود .

         < base >                  برای تعيين خواص پايه در يک صفحه به کار می رود .

        < blockquote>       برای ايجاد يک نقل قول به کار می رود .

        < body >                بدنه اصلی محتويات صفحه وب را تشکيل می دهد .

        < style >           برای قالب بندی تگ های HTML و صفحات به کار می رود .

        < sub >             برای ايجاد يک انديس به کار می رود .

        < sup >             برای ايجاد توان به کار می رود .

        < button >              برای ايجاد دکمه های وب به کار می رود .

        < kbd >                برای نمايش متن همانند محيط های برنامه نويسی به کار می رود .

        < label >              برای ايجاد يک عنوان ( نماد متنی ) در صفحه به کار می رود .

        < legend >          برای ايجاد عنوان يک کادر fieldset به کار می رود .

        < caption >            برای تعيين عنوان يک جدول به کار می رود .

        < cite >                  باعث نمايش کج نوشته به کار می رود .

        < code >                برای نمايش متن همانند محيط های برنامه نويسی به کار می رود .

        < col >                   برای دسته بندی گروهی از ستون های يک جدول به کار می رود .

        < dd >                    برای ايجاد ليست های معنی به کار می رود .

        < em >                   برای نمايش نوشته به صورت کج به کار می رود .

        < fieldset >            برای ايجاد يک کادر به دور محتويات خود به کار می رود .

        < form >                برای ايجاد يک فرم در صفحه به کار می رود .

        < h1 > تا < h6 >    برای ايجاد انواع تيترها در نوشته به کار می رود .

        < i >                     برای نمايش نوشته به صورت کج به کار می رود .

        < ol >                  برای ايجاد ليست های ترتيبی به کار می رود .

        < param >         برای تعيين تنظيمات زمان اجرای يک شی خارجی در صفحه به کار می رود .

        < pre >              برای نمايش متن به همان صورت اوليه به کار می رود .

        < q >                 برای ايجاد يک نقل قول به کار می رود .

        < samp >          برای نمايش متن همانند محيط های برنامه نويسی به کار می رود .

        < script >          برای تعيين يک اسکريپت در صفحه به کار می رود .

        < select >          برای ايجاد يک ليست باز شو به کار می رود .

        < small >           برای نمايش متن به صورت کوچکتر به کار می رود .

        < span >           برای تقسيم متن به کار می رود .

        < strong >         برای نمايش درشتر متن به کار می رود .

        < head >              در برگيرنه اطلاعات کلی درباره سند وب است .

        < hr >                   برای ايجاد يک خط در عرض صفحه به کار می رود .

        < html >               محدوده اصلی کد HTML يک صفحه را تعيين می کند .

        < li >                    برای تعريف يک آيتم در ليست به کار می رود .

        < link >                برای برقراری ارتباط بين صفحه با يک فايل خارجي به کار می رود .

        < map >              برای ايجاد يک نقشه تصويری به کار می رود .

        < meta >             در بر گيرنده اطلاعات کلی درباره محتويات يک صفحه جهت استفاده موتورهای جستجو است .

        < noscript >        برای تعيين جايگزين يک اسکريپت در يک صفحه به کار می رود .

        < object >           برای پيوند يک شی خارجی با صفحه به کار می رود .

        < optgroup >      برای دسته بندی گزينه های يک ليست به کار می رود .

        < option >          برای ايجاد يک ليست در صفحه به کار می رود .

        < p >                   برای ايجاد يک پاراگراف در صفحه به کار می رود .

تگ HTML

توسعه HTML

در سال ۱۹۸۰ فیزیکدانی به نام Tim Berners-Lee که با پروژهٔ CERN همکاری داشت ENQUIRE را طراحی و ارائه کرد که یک سیستم مهم برای محققان CERN بود تا اینکه از این داده‌ها به شکل مشترک استفاده کنند.

در سال ۱۹۸۹، Berners- Lee یک یادداشت پیشنهاد یک سیستم ابر متن مبتنی بر اینترنت نوشت. Berners- Lee یک نوع خاص HTML را مشخص نمود و یک نسخهٔ جستجوگر و نرم‌افزار سرور را در انتهای۱۹۹۰ نوشت. در این سالیان این فیزیکدان و مهندس سیستم‌های داده‌های CERN بنام Robert Cailliau یک سرمایه‌گذاری مشترک را انجام دادند ولی این پروژه به شکل رسمی توسط CERN دنبال نشد. دریادداشت‌های شخصی او از سال ۱۹۹۰ اشاره شده است که برخی از مناطق مختلف ابر متن (hypertext) به کار گرفته شده است و در ابتدای آن از یک دائرةالمعارف استفاده گردید.

زبان نشانه گذاری ابرمتنی به شکلی است که مرورگرهای وب برای تحلیل و نوشتن متون تصاویر و دیگر مواد روی صفحات قابل شنیدن و قابل دیدن وب به کار می‌رود. ویژگی‌های پیش فرض برای هر مورد در ساختار HTML در جستجوگر تعریف شده است و این ویژگی‌ها را می‌توان تغییر داد و یا اینکه توسط CSS بر اساس طراحی صفحه افزایش داد.

بسیاری از اجزای متن در گزارش فنی 1988 ISO به شکل TR9537 ارائه شده است که نام این جزء روش‌های استفاده از SGML بود که در آن ویژگی‌های اولیه ساختار زبانی مانند آنچه که در مورد فرمان RUNOFF دیده می‌شود استفاده شد که در ابتدای دهه ۱۹۶۰ برای CTSS ارائه شده است. این فرمان‌های ساختاری از فرمان‌های مورد استفاده توسط typesetters استفاده می‌کند که به شکل دستی برای فرمت‌های مختلف در نظر گفته شده‌اند.

اما اصل SGML برای ساختار کلی بر اساس اجزای مختلف است (محدوده‌های حاشیه نویسی تو در تو به همراه ویژگی‌هایی که دارد) تا اینکه از اثرات چاپ استفاده شود. همچنین جداسازی ساختارها و شکل ترکیبی نیز باید در نظر گرفته شود . HTML به شکل مداوم به این صورت با CSS به کار گرفته می‌شود. در سال ۱۹۹۳ نسخه‌های اولیه بر اساس HTML ارائه شد. پس از انکه HTML و +HTML به شکل پیش نویس در ابتدای ۱۹۹۴ منقضی گردید، IEFT یک گروه کاری HTML را ایجاد کرد که در سال ۱۹۹۵ نسخهٔ HTML 2.0 تکیمل گردید، HTML اولیه با این قصد ساخته شده که به شکل یک ساختار استاندارد در آینده از آن استفاده شود.

پس از آن پیشرفت‌هایی در IETF در نظر گرفته شد که مورد توجه رقیبان قرار گرفت. تا سال ۱۹۹۶ ویژگی‌های HTML حفظ شد و ورودی‌هایی از نرم‌افزارهای تجاری گرفته شد که این کار توسط (W3C) انجام شد. اما در سال 2000 HTML یک استاندارد بین‌المللی (ISO/IEC 15445:2000) گردید. HTML4.01 در انتهای ۱۹۹۹ انتشار یافت و پس از آن ساختار بعدی آن در سال ۲۰۰۱ به شکل کامل منتشر شد- در سال ۲۰۰۴ پیشرفت‌هایی در HTML5 در (WHATWG) در نظر گرفته شد و شکل قابل انتشار آن به شکل W3C در سال ۲۰۰۸ ارائه گردید.

توسعه HTML


اشتراک گذاری در :

مقالاتی که پیشنهاد می شود بخوانید

وظایف طراحان وب یا همان معماران وب ( مهندس معمار ) در طراحی یک وب سایت
31 فروردین

وظایف طراحان وب یا همان معماران وب ( مهندس معمار ) در طراحی یک وب سایت

بازدید: 1911

موضوع اصلی این مقاله مقایسه ماهیت حرفه طراحی وب و طراح و توسعه دهنده front- end با حرفه معماری است. دلایلی وجود دارد که مشخص می کند که همه طراحان وب ذاتاً معمار، هستند. همانطورکه معماران، ساختمان های فیزیکی را طراحی و بنا می کنند، طراحان وب نیز ساختار سایت را طراحی و پیاده سازی می نمایند. طراحان وب هم به نوعی مهندس معمار هستند. طراحان معمار و آرشیتکت ها ساختمان ها را برای استفاده و راحتی مردم، برای زندگی،دفاتر و مکان [...]

چگونه طراح وب سایت شویم؟
29 فروردین

چگونه طراح وب سایت شویم؟

بازدید: 2618

انتخاب شغل برای تمام افراد، از مهمترین تصمیمات در زندگیشان به حساب می آید. بسیار مهم است شغلی را انتخاب کنیم که به آن علاقه داشته باشیم و موجب افزایش توانایی ما باشد. همچنین در بسیاری اوقات، شغل مناسب سبب رفع نقاط ضعف ما می شود. شغلی که ما انتخاب می کنیم باید امکان ارتقاء داشته و از طریق آن توان تامین هزینه های زندگی و رسیدن به اهداف شخصی و اجتماعی خود را داشته باشیم.فاکتورها و عوامل زیادی وجود دارد که در راه به [...]

بهینه سازی وب سایت هایی با چند نام دامنه
31 فروردین

بهینه سازی وب سایت هایی با چند نام دامنه

بازدید: 1160

از آنجایی که موتورهای جستجو از جمله گوگل ارزش زیادی برای کلمات واقعی در مورد نام دامنه قائل هستند، بسیاری از صاحبان سایت ها و کسب و کارهای آنلاین برای حضور وب سایت شان در بهینه سازی موتور جستجو توسط خریدن نام های دامنه ای که حاوی کلمات کلیدی هدفمندی هستند، اقدام نمایند.انجام این کار شاید صدمه ای به کسب و کار وارد نکند ولی اگر بر فرض 30 نام دامنه دارای کلمات کلیدی هدفمند وجود داشته باشد ولی نام دامنه سایت اصلی [...]

اچ تی ام ال (HTML) و یا به عبارت دیگر زبان نشانه‌گذاری ابرمتنی چیست؟
29 فروردین

اچ تی ام ال (HTML) و یا به عبارت دیگر زبان نشانه‌گذاری ابرمتنی چیست؟

بازدید: 2244

اچ‌ تی‌ ام‌ ال زبان توصیف ساختار صفحه‌های وب است. دستورعمل‌های این زبان، برچسب (Tag) نام دارند در زبان html دستورات و متون مربوطه داخل تگ ها قرار می گیرند که هر کدام از این تگ ها خواص و کاربرد خاص خود را دارندزبانی‌است برای نشانه‌گذاری ابرمتن که برای تدوین قالب و طراحی صفحه‌های وب به کار می‌برند.HTMLمخفف عبارت  Hyper TextMarkup Language  می باشد که به معنای زبان نشانه گذاری متن می باشد. HTMLدر کنار [...]

اهمیت و دقت رتبه بندی الکسا برای وب سایت
31 فروردین

اهمیت و دقت رتبه بندی الکسا برای وب سایت

بازدید: 1401

شاید گوشه کنار وب بارها عنوان رتبه الکسا (Alexa) را دیده و مطالبی در این خصوص الکسا خوانده باشید؛ سایتها و سرویس های خاصی نیز در این رابطه در گستره وب شکل گرفته اند که در مجموع تحت عنوان بهینه سازی و افزایش رتبه سایت SEO یا (Search Engine Optimization) فعالیت می کنند، اینکه الکسا چیست، چگونه آمار بازدیدهای یک سایت را به دست می آورد و رتبه بندی آن تا چه میزان اهمیت دارد، مطلبی است که در این مقاله به آن خواهیم پرداخت تا نهایتا به [...]

چرا پست مهمان میتواند بسیار مفید و اهمیت داشته باشد؟
01 اردیبهشت

چرا پست مهمان میتواند بسیار مفید و اهمیت داشته باشد؟

بازدید: 1211

نوشتن پست های مهمان که حاوی پیشنهاد های خوب و اطلاعاتی مفیدی باشند بهترین ‏روش برای معرفی خود به مشتریان بالقوه و شناساندن کار و تجارت شما به دیگران است و ‏همچنین اثر بسیار مثبتی روی سئو سایت می گذارد‎.‎نوشتن پست های مهمان پلی ارتباطی است بین خوانندگان مطالب و عناصر اصلی و مهم ‏سئو ‏‎ ‎پست های مهمان، برند سازی یا برندینگ‎ ‎را افزایش می دهند‎. ‎‏ ‏همان طور که در مقاله " در راه اندازی یک [...]