• اختصارات و کلمات اختصاری در HTML. عناصر معنایی کمتر شناخته شده را ببینید "TAG" در فرهنگ لغت های دیگر چیست

    وب امروز بیشتر و بیشتر معنایی است. اما «معنایی» به چه معناست؟ چرا مهم است؟

    HTML معنایی معنای یک سند را بیان می کند. بیشتر به چیستی متن مربوط می شود تا ظاهر آن. نشانه گذاری معنایی خوب به انسان ها و رایانه ها کمک می کند تا محتوای یک سند و زمینه آن را بهتر درک کنند.

    تفسیر نشانه گذاری معنایی بسیار ساده تر است. این برای بهینه سازی موتور جستجو دوستانه است. با مرورگرهای مدرن عالی کار می کند، مقدار کد مورد نیاز برای بیان محتوا را کاهش می دهد و خوانایی آن کد را بهبود می بخشد.

    خوب، پس نشانه گذاری معنایی خوب است، اما چگونه از آن استفاده کنیم. بهترین مکان برای شروع این است که برچسب های معمولی را با برچسب های گویاتر جایگزین کنید. بیایید هشت عنصر را ببینیم که به شما اجازه می دهد وارد این بازی شوید.

    مثل پسر عموی بلوکی شما
    ، برچسب برای نشان دادن یک نقل قول استفاده می شود.

    چرا فقط از نقل قول استفاده نمی کنید؟ علامت نقل قول همیشه به معنای نقل قول نیست. گاهی از آنها برای تأکید معنایی، کنایه یا برای نشان دادن نام چیزی استفاده می شود - و در این زمینه به درستی استفاده می شود. با این حال، اگر چیزی را نقل می کنید، به وضوح قصد شما را بیان می کند.

    و

    در روزهای خوب قدیمی، برچسب ها و متن برجسته شده را به ترتیب با حروف کج و پررنگ نشان می دهد. همانطور که ایده جداسازی معناشناسی از ارائه شتاب گرفت، این برچسب ها با شک و تردید شروع به مشاهده کردند. آنها با برچسب ها جایگزین شدند و به ترتیب تاکید و تاکید قوی را نشان می دهد.

    در HTML5، این تگ ها در نهایت یک تفسیر معنایی عالی دریافت می کنند. برچسب زدن متن علامت‌گذاری شده که لحن یا حالت متفاوتی دارد. این برای مثال برای توصیف افکار یا اصطلاحات فنی مفید است. برچسب بزنید متنی را مشخص می کند که از نظر سبک با متن معمولی متفاوت است اما هیچ معنای معنایی تاکیدی ندارد. این چه تفاوتی با استفاده دارد ? کلید این است هیچ معنای معنایی متمایزی ندارد.

    برای اختصارات استفاده می شود! به ویژه در اسنادی که تعداد زیادی از آنها وجود دارد می تواند مفید باشد. این تگ دارای یک ویژگی اختیاری است عنوان، که در آن می توانید نسخه کامل متن را مشخص کنید.

    روده بر شدن از خنده idk g2g ttyl

    بیایید نگاهی به مشکل محلی سازی تاریخ کلاسیک بیندازیم. در ایالات متحده 5 اکتبر 2013 به عنوان 10/05/13، در بریتانیا 05/10/13، در آفریقای جنوبی 2013/10/05، در روسیه 05/10/13 نوشته شده است. همه این گزینه ها کار تشخیص خودکار تاریخ ها را بسیار دشوار می کند.

    برچسب بزنید به شما امکان می دهد تاریخ و زمان را در قالب قابل خواندن ماشین مشخص کنید. مثال قبلی می تواند چیزی شبیه به این باشد: . تجزیه کننده های HTML می توانند تاریخ را به دقت درک کنند، مهم نیست که در چه قالبی آن را مشخص می کنیم. برچسب بزنید همچنین به شما امکان می دهد به صورت اختیاری زمان را در قالب 24 تعیین کنید: ;

    تا به حال این کار را انجام داده اید؟

    سیصد صفحه متن خسته کننده و بیهوده. تنها چیزی که باید بدانید و اگر آن را برجسته نکنید، دیگر هرگز نخواهید توانست آن را پیدا کنید.مطالب خسته کننده تر…


    بیشتر نه. HTML5 این عنصر را معرفی کرد ، که متنی را که برای مقاصد مرجع برجسته شده است به دلیل اهمیت بالای آن علامت گذاری می کند.

    آره، . احتمالا استفاده می کنید , شاید حتی ، آیا تا به حال از انواع دیگر استفاده کرده اید؟ در HTML5 می توان با یک دسته کامل از انواع جدید استفاده کرد:
    • پست الکترونیک
    • عدد
    • دامنه
    • جستجو کردن
    • رنگ
    این عالی است، اما ابتدا باید مطمئن شوید که مرورگرهای هدف شما از همه اینها پشتیبانی می کنند. این هنوز یک مشکل است.

    آیا تا به حال یک منو از یک لیست نامرتب تهیه کرده اید؟

    دیگه اینکارو نکن! برای این وجود دارد

    ، که یک لیست نامرتب از دستورات است. این تگ یک ویژگی دارد نوع، که می تواند مقادیر را بگیرد: پنجره بازشویا نوار ابزار.

  • باز کن
  • صرفه جویی
  • ترک کنید
  • جایزه

    اکثر توسعه دهندگان فرانت اند هنگام نوشتن از HTML استفاده می کنند، اما بسیاری از آنها معنای واقعی آن را نمی دانند. یک فضای بدون شکست خطی را نمی شکند. این بدان معناست که اگر دو کلمه با یک فاصله بدون گسست به هم متصل شوند، همیشه در یک خط با هم خواهند بود. گاهی اوقات این خیلی مهم است. در اینجا چند نمونه آورده شده است:
    • واحدها: 12 متر بر ثانیه
    • زمان: 8 شب
    • نام های مناسب: ملکه لبنیات
    همچنین یک خط تیره بدون شکستگی وجود دارد ( ) برای اهداف مشابه.

    سرانجام

    HTML روز به روز بیشتر و بیشتر معنایی می شود. استفاده از همه این عناصر شروع خوبی برای نوشتن نشانه گذاری در دسترس تر است. برای یک تصویر کاملتر، نگاه کنید

    عنصر اختصارات HTML () مخفف یا مخفف است; ویژگی عنوان اختیاری می تواند پسوند یا توضیحی برای مخفف ارائه دهد. در صورت وجود، عنوان باید حاوی این توضیحات کامل باشد و نه چیز دیگری.

    مقاله نحوه علامت گذاری اختصارات و قابل فهم کردن آنهایک آموزش برای یادگیری نحوه استفاده است و موارد مرتبط

    ویژگی های

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

    هر عنصر شما استفاده می کنید، به دیگران بستگی ندارد. ارائه عنوان برای یکی به طور خودکار همان متن پسوندی را به دیگران با متن مشابه اضافه نمی کند.

    نکات استفاده

    موارد استفاده معمولی

    البته الزامی نیست که تمام اختصارات با علامت گذاری شوند . با این حال، چند مورد وجود دارد که مفید است:

    ملاحظات گرامری

    در زبان‌های دارای عدد گرامری (یعنی زبان‌هایی که تعداد عناصر بر گرامر جمله تأثیر می‌گذارد)، از همان عدد دستوری در صفت عنوان استفاده کنید که در داخل عنصرتان است. . این امر به ویژه در زبان هایی که بیش از دو عدد دارند، مانند عربی مهم است، اما در زبان انگلیسی نیز مرتبط است.

    سبک پیش فرض

    هدف این عنصر صرفاً برای راحتی نویسنده است و همه مرورگرها به طور پیش فرض آن را به صورت درون خطی (نمایش: درون خطی) نمایش می دهند، اگرچه سبک پیش فرض آن از یک مرورگر به مرورگر دیگر متفاوت است:

    • برخی از مرورگرها، مانند اینترنت اکسپلورر، آن را متفاوت از عنصر نمی سازند .
    • اپرا، فایرفاکس و چند مورد دیگر خط تیره به محتوای یک عنصر اضافه می کنند.
    • چندین مرورگر نه تنها زیر خط چین را اضافه می کنند، بلکه آن را با حروف کوچک نیز قرار می دهند. برای جلوگیری از این سبک، چیزی مانند font-variant اضافه کنید: هیچکدام در CSS به این مورد رسیدگی نمی‌کنند.

    مثال ها

    علامت گذاری یک مخفف از نظر معنایی

    برای تگ کردن یک مخفف بدون ارائه پسوند یا توضیحات، به سادگی از آن استفاده کنید بدون هیچ ویژگی، همانطور که در این مثال نشان داده شده است.

    HTML

    استفاده كردن HTMLسرگرم کننده و آسان است!

    نتیجه

    اختصارات مشروط

    همانطور که در این مثال ساده مشاهده می کنید، می توانید از CSS برای تنظیم یک سبک سفارشی استفاده کنید که برای اختصارات استفاده می شود.

    HTML

    استفاده كردن css، می توانید اختصارات خود را استایل دهید!

    css

    abbr (نوع فونت: تمام کوچک حروف، )

    نتیجه

    تضمین گسترش

    افزودن ویژگی عنوان به شما امکان می دهد پسوند یا تعریفی را برای یک مخفف یا مخفف مشخص کنید.

    HTML

    شوخی اشوک باعث شد روده بر شدن از خندهزمان بزرگ

    نتیجه

    تعریف اختصاری

    شما می توانید استفاده کنید همراه با برای تعریف رسمی تر از مخفف، همانطور که در اینجا نشان داده شده است.

    HTML

    HTML یک زبان نشانه گذاری است که برای ایجاد معناشناسی و ساختار یک صفحه وب استفاده می شود.

    آ مشخصات (مشخصات) سندی است که با جزئیات نحوه عملکرد یک فناوری یا APIها و نحوه دسترسی به آن را مشخص می کند.

    نتیجه

    دسترسی

    توضیح کامل یک مخفف یا مخفف در اولین باری که در یک صفحه استفاده می‌شود به افراد کمک می‌کند تا آن را درک کنند، به‌ویژه اگر محتوا از اصطلاحات فنی یا صنعتی باشد.

    مثال

    نشانه گذاری شی جاوا اسکریپت( JSON) یک فرمت تبادل داده سبک وزن است.

    این به ویژه برای افرادی که با اصطلاحات یا مفاهیم مورد بحث در محتوا آشنا نیستند، افرادی که تازه با زبان آشنا هستند و افرادی که مشکلات شناختی دارند مفید است.

    مشخصات

    سازگاری مرورگر

    خصوصیات عجیب و غریبنمای وب اندرویدکروم برای اندرویدموبایل لبهفایرفاکس برای آندرویدسیستم عامل اندرویدسافاری iOSفروشگاه اینترنتی سامسونگ
    پشتیبانی اولیهآرهآرهآره 4 آرهآرهآره

    1. قبل از فایرفاکس 4، این عنصر رابط HTMLSpanElement را به جای رابط استاندارد HTMLElement پیاده سازی می کرد.

    شرح

    برچسب بزنید نشان می دهد که دنباله کاراکتر مخفف است. با کمک ویژگی عنوان، رونوشتی از مخفف ارائه می شود که درک اختصار را برای افرادی که با آن آشنا نیستند ممکن می سازد. علاوه بر این، موتورهای جستجو نسخه کامل متن مخفف را ایندکس می کنند که می تواند برای افزایش رتبه سند استفاده شود.

    مرورگرها متن داخل را برجسته نمی کنند ، به استثنای اپرا قبل از نسخه 15 که یک زیرخط چین دار به متن اضافه می کند.

    نحو

    متن

    ویژگی های

    یک راهنمای ابزار به متن اضافه می کند که در آن می توانید توضیحی درباره مخفف ارائه دهید.

    برچسب بسته شدن

    ضروری.

    HTML5 IE Cr Op Sa Fx

    برچسب ABBR

    CGIپروتکلی را نشان می دهد که توسط آن هر برنامه خارجی با وب سرور تعامل می کند. با استفاده از CGI روی سرور می توانید برنامه ها را به هر زبان برنامه نویسی اجرا کنید و نتیجه عمل آنها را به صورت یک صفحه وب نمایش دهید.

    نتیجه این مثال در شکل نشان داده شده است. 1.

    برنج. 1. نوع راهنمای ابزار هنگام قرار دادن ماوس روی متن مخفف

    مرورگرها

    اینترنت اکسپلورر تا نسخه 6 از این برچسب پشتیبانی نمی کند ، در عوض توصیه می شود از تگ استفاده کنید .

    بیایید توجه خود را به موضوع اختصارات در صفحات وب یا بهتر بگوییم قابل درک بودن این اختصارات برای خوانندگان معطوف کنیم. این مقاله در مورد تگ های abbr و مخفف و تفاوت های ظریف مرتبط با آنها بحث می کند.

    توجه!!!در مشخصات HTML5، عنصر مخففکاملاً منسوخ اعلام شد و اکیداً توصیه می شود از استفاده حذف شود. در عوض، استفاده از عنصر پیشنهاد شده است abbr(توضیحات از 11/10/2011) .

    آشنایی با اصطلاحات

    مخفف (ایتالیایی abbreviatura - مخفف، از لاتین abbrevio - I cut) شکل اختصاری یک کلمه یا گروهی از کلمات است که به جای یک کلمه یا عبارت کامل استفاده می شود. به عنوان مثال: WWW، HTTP، URI، abbr. مخفف (به یونانی akros - بالا، onima - نام) مخففی است که از قسمت‌هایی از کلمات عبارت اصلی (معمولاً حروف اولیه) تشکیل شده است که به صورت یک کلمه تلفظ می‌شود و نه حرف به حرف، مانند سایر انواع اختصارات. . به عنوان مثال: مودم، رادار یا لیزر.

    اختصارات و کلمات اختصاری باید برای همه و همیشه واضح باشد

    اغلب، ما از اختصارات مختلفی استفاده می کنیم، از "zamkompomorde" تا "ASS" (این اصلاً آن چیزی نیست که شما فکر می کنید). اما اغلب اوقات، بسیاری از مردم نمی دانند که این اختصارات به چه معنا هستند. بنابراین، با استفاده از هر اصطلاحی که مخفف یا مخفف باشد، باید توضیحاتی در مورد آنها ارائه دهید. علاوه بر این، اگر اصطلاح را در ابتدا وارد کرده باشید، پس از توضیح آن، به این معنی نیست که شخص معنای آن را در 2 دقیقه فراموش نمی کند، بنابراین توضیحات باید همیشه در نزدیکی شما باشد.

    تگ های HTML و

    HTML 4 دو عنصر قالب‌بندی منطقی را در اختیار ما قرار می‌دهد که برای برجسته کردن اختصارات و کلمات اختصاری - abbr و مخفف به ترتیب استفاده می‌شوند. این تگ ها دارای یک ویژگی عنوان هستند که این اصطلاح را توضیح می دهد. هر مرورگر معمولی هنگام قرار دادن ماوس روی چنین عبارتی، راهنمای ابزار مشخص شده توسط ویژگی title را نمایش می دهد.

    مثال: مودم WWW

    www مودم

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

    اینترنت اکسپلورر (تا نسخه 6) از تگ ABBR پشتیبانی نمی کند(با عرض پوزش به این زودی، بدون آمادگی :-)

    در لیست عناصر آشنا برای او، فقط عنصر ACRONYM نشان داده شده است. اما مطمئن هستم که در نسخه هفتم مرورگر این مشکل برطرف خواهد شد.

    البته، می توانید از این کار صرف نظر کنید و به جای تگ abbr از تگ مخفف استفاده کنید، اما اگر عامل صوتی کاربر، حروف اختصاری URI را نه حرف به حرف، بلکه در یک کلمه تلفظ کند، تعجب نکنید. نام اوری از فیلم / f "ماجراهای الکترونیک". اما می توانید یک راه حل نیز پیدا کنید، به عنوان مثال، یک عنصر SPAN را در داخل ABBR وارد کنید:

    css

    و بهتر است این فرآیند با انجام درج با استفاده از اسکریپت، پس از بارگذاری سند و فقط برای IE، خودکار شود. و آنچه بسیار مهم است، نیازی به تغییر نخواهد بود درستمتن اصلی سند

    راه اندازی یک ماراتن CSS

    از آنجایی که abbr و مخفف عناصر قالب بندی منطقی هستند، مرورگرها ممکن است آنها را به صورت متفاوتی در صفحه نمایش دهند. به عنوان مثال، موزیلا فایرفاکس و اپرا این عناصر را با یک زیر خط مشکی به صورت نقطه نمایش می دهند، Konqueror این عناصر را مورب می کند و IE آنها را به صورت بصری برجسته نمی کند (مخفف).

    بنابراین، تنظیم سبک هایی که نمایش این عناصر را در مرورگرهای مختلف یکسان می کند، ضرری ندارد.

    به عنوان مثال، مانند این:

    ABBR، مخفف (
    حاشیه پایین: 1 پیکسل نقطه‌دار #F04B2D؛
    مکان نما:help;
    سبک فونت: مورب;