سلام دوستان! خوشحالیم که به وبلاگ آندری و داشا - Thebizfromscratch خوش آمدید. مدت‌هاست که چیزی در مورد سئو ننوشته‌ایم و در این مقاله می‌خواهیم به آن بپردازیم، زیرا موضوع امروز تأثیر سرفصل‌های H1, H2 - H6 بر ارتقای وب‌سایت است. ما به شما خواهیم گفت که بر اساس چه قوانین و اصولی عناوین را در وبلاگ شما می نویسیم و امیدواریم که تجربه ما برای شما مفید باشد.

نحوه صحیح قرار دادن متا تگ H1, H2 ... H6

بنابراین، هنگام تهیه یک نشریه، متا تگ ها را به ترتیب زیر تجویز می کنیم:

این مهم ترین عنوان است، بنابراین مرسوم است که کلید جستجوی اصلی را در برچسب های h1 قرار دهیم، ترجیحاً با کلمات خنثی رقیق شده باشد، یعنی. عنوان رقیق شده

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

1. H3، H4، H5، H6

در واقع، آنها تأثیر زیادی در ارتقاء ندارند. با این حال، گنجاندن کلمات کلیدی در آنها می تواند منجر به بهینه سازی بیش از حد شود که تنها باعث پاسخ منفی ربات های جستجو می شود. بنابراین از این متا تگ ها فقط برای ساختار زیبای مقاله استفاده می کنیم. برای اینکه بازدیدکنندگان بتوانند راحت تر بخوانند و بلافاصله بفهمند یک فکر به کجا ختم می شود و فکر دیگر کجا شروع می شود. علاوه بر این، فراموش نکنید که همه پست ها منحصراً برای خوانندگان نوشته شده است و نباید با تکرار مکرر همان کلمات / عبارات فریب خورد.

و برای اینکه اطلاعات فوق به درستی درک شود، به یک مثال نگاه می کنیم! فرض کنید مقاله ای را در زیر عبارت جستجو نوشته اید - "چگونه یک وب سایت بسازیم". این عبارت باید در قسمت عنوان ثبت شود و حداقل 2 بار بدون تغییر در خود متن تکرار شود. یا، همانطور که بسیاری انجام می دهند - آنها عبارت جستجو را 1 بار در هر 1000 کاراکتر تکرار می کنند.

اگر بیشتر نیاز به انتخاب ساختار دارید، می توانید از H2 حاوی پرس و جو با فرکانس پایین استفاده کنید. دوباره در چارچوب مثال - "چگونه یک وب سایت با کیفیت بالا در موتور وردپرس بسازیم." بقیه متا تگ ها را بدون کلید بنویسید.

1. در عناوین خود پیوندهایی به سایر صفحات تبلیغاتی وارد نکنید. کد پیوند توسط موتورهای جستجو به عنوان کلمات کلیدی در نظر گرفته می شود و تنها به رتبه بندی آسیب می رساند.
2. عناوین با مرتبه پایین تر را بالاتر از عناوین مهم تر قرار ندهید. اول باید H1، سپس H2 و بیشتر به صورت صعودی دنبال شود. یک ساختار درختی باید پدیدار شود.
3. استفاده از H1 یک بار، H2 بیش از 3 بار و H3-H6 به میزان لازم (فقط بدون کلید و فقط در صورت لزوم) توصیه می شود.

شاید اینها اصول و قوانین اولیه ای بود که در نوشتن مقاله از آنها استفاده می کنیم. امیدواریم موضوع - تاثیر سرفصل های H1، H2 - H6 در ارتقای وب سایت - آشکار شده باشد و اطلاعات مفیدی برای خود پیدا کرده باشید. در صورت سوال - حتما در نظرات از آنها بپرسید، ما سعی خواهیم کرد کمک کنیم.

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

H1 چیست؟

H1 عنوان اصلی مقاله، عنوان سطح اول است. هر صفحه در اینترنت ساختار خاص خود را دارد. سرفصل های H1-H6 فقط به شما این امکان را می دهد که مواد را به درستی ساختار دهید، هم برای موتورهای جستجو و هم برای کاربران. H1 - عنوان اصلی، H2-H6 ثانویه، زیر عنوان های تودرتو. در کد، سربرگ ها به شکل زیر هستند:

خود عنوان

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

شرط 1. کلمات کلیدی در عناوین

برای انجام این کار، شما باید یک هسته معنایی با کیفیت بالا ایجاد کرده باشید - آن را بسیار مسئولانه بگیرید و به یاد داشته باشید که نمی توانید یک کلید را در تمام صفحات سایت وارد کنید. ارتباط سر همه چیز است: شما باید انتظارات مشتریان و موتورهای جستجو را برآورده کنید. در سرفصل های صفحه اصلی می توانید درخواست های با فرکانس متوسط ​​و بالا را دریافت کنید. و در صفحات محصول (کارت محصول) سرفصل هایی با کلیدهای فرکانس پایین کاملا قابل قبول است. نکته کلیدی این است که به یک موقعیت یا واحد خاص منتهی شوید، دقیق باشید، نه تعمیم.

هنگام قرار دادن کلمات کلیدی، این کار را با دقت انجام دهید: از کلمات کلیدی بیش از حد استفاده نکنید و سرصفحه های هرزنامه ایجاد نکنید (به عنوان مثال، خرید یک آپارتمان مسکو، خرید یک کیسه یخچال، خرید یک موتور سیکلت کراسنویارسک قیمت، مال شما است که متوجه نشوید، و غیره.). زیبایی عبارت و قوام آن را حفظ کنید. در زبان بزرگ و قدرتمند روسی، کلمات به هم پیوسته و تعظیم می شوند، و روبات ها اکنون معنی را می فهمند، زبان را بدتر از من و شما نمی فهمند! و اغلب این کار را انجام ندهید - هرزنامه برای همه آشکار است، و بادن-بادن فقط یک سنگ دور است، خوب، پاندا را از Google فراموش نکنید.

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

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

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

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

شرط 2. برچسب ها

-

هنگام ارسال متون در سایت فراموش نکنید که برچسب ها را به درستی قرار دهید. برچسب ها برای سرفصل های متن با کد HTML زیر تعریف می شوند:

-

... طبق مشاهدات ما، دو برچسب کاملاً کافی است -

-

... اکنون مردم متون حجیم را نمی خوانند و حتی بر اساس منطق کارها، تودرتو کردن این تعداد سرفصل نیازی نیست. یک استثنا ممکن است صفحاتی با تعداد زیادی فیلم، عکس، عناصر تعاملی و غیره باشد. اما این هنوز یک استثناست، نه یک قاعده.

موتورهای جستجو ابعاد و اهمیت برچسب ها را نیز در نظر می گیرند.

-

... هنگام حروفچینی باید توجه داشته باشید که عناوین از نظر بصری از متن کلی متمایز باشند.

پیوندهای موجود در عناوین نباید استفاده شوند، به خصوص در

: این شخص را از صفحه به مطلب دیگری می برد یا اگر به همان صفحه پیوند می دهید، یک پیوند دایره ای ایجاد می کند که هیچ فایده ای ندارد.

مجاز به پیوند از سرفصل های سطح

و در زیر، بلکه اگر موجه و منطقی باشد.

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

-

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

کارها را مرتب می کنیم. برچسب ها

-

بر اساس اصل سلسله مراتب مرتب شده اند: برچسب

مهمتر از برچسب

... در واقع به این صورت است:



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



همچنین، برچسب

نقش مهمی در شکل گیری لینک های سریع در نتایج جستجوی Yandex ایفا می کند.

اگر همه چیز درست شود، تأثیر چنین کار به ظاهر ناچیز و آسانی دیری نخواهد آمد.

و اگر مشکلی دارید - با متخصصان ما تماس بگیرید، ما آماده ایم تا بررسی کنیم که آیا عناوین سایت شما به درستی املا شده است یا خیر، در صورت بروز خطا به درستی ثبت نام کنید و به هر سوالی پاسخ دهید. گردآوری سرفصل ها برای 1 صفحه (+ انتخاب 3 کلید مربوطه) - از 450 روبل.

با سلام خدمت خوانندگان عزیز سایت وبلاگ. امروز ما در مورد تگ ها در زبان Html صحبت خواهیم کرد، یعنی در مورد سرفصل های H1، H2، H3، H4، H5، H6، در مورد پاراگراف های P و شکست خط Br، و همچنین در مورد تگ خط افقی Hr، به عنوان مثال، ما استفاده از ویژگی ها را در نظر خواهیم گرفت و بیایید ببینیم کجا می توان تمام ویژگی های ممکن برای هر عنصر را پیدا کرد و نحو مقادیر را برای آنها مشاهده کرد.

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

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

حال بیایید مطالعه سیستماتیک همه تگ های ممکن در Html را شروع کنیم و در عین حال توجه ویژه ای به نوع آنها خواهیم داشت تا به وضوح امکان استفاده صحیح (معتبر) آنها را درک کنیم. ساختار تگ ساده شده به شکل زیر است:

ویژگی هایی نیز برای آنها ارائه شده است (هر کدام مجموعه خاص خود را دارند) که به شما امکان می دهد ویژگی های خاصی را به این عنصر اضافه کنید ، اما ما قبلاً با مثال های خاص در مورد این موضوع صحبت خواهیم کرد.

بیایید با مفهومی مانند هدرها شروع کنیم که با استفاده از تگ های زوجی H1، H2، H3، H4، H5، H6 تشکیل می شوند (نام از حرف اول کلمه "Header"، یعنی "heading" می آید). آنها به گونه ای طراحی شده اند که قطعات مختلف متن را از یکدیگر جدا کرده و بسته به سطح اهمیت آنها را مشخص کنند. در نسخه مدرن زبان Html، همه برچسب ها و تمام ویژگی های مجاز برای آنها از قبل توافق شده و شرح داده شده است.

در نتیجه، سرفصل ها می توانند تنها شش سطح و علاوه بر آن عناصر داشته باشند H1-H6 بلوکی هستند، یعنی سعی کنید تمام فضای موجود در عرض صفحه را اشغال کنید. اما آنها یک ویژگی دارند - فقط عناصر درون خطی می توانند در داخل تگ های عنوان قرار گیرند، علیرغم این واقعیت که، برای مثال، همان Div اجازه می دهد تا سایر تگ های بلوک در داخل آنها گنجانده شود.

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

سرفصل‌های سطوح مختلف H1-H6 در مرورگرهایی با فونت‌هایی با اندازه‌های مختلف ترسیم می‌شوند (اگرچه، با استفاده از CSS، می‌توانید آنها را کاملاً هر اندازه، رنگ و نوع فونتی را برای نمایش در مرورگر تنظیم کنید، اما در Html خالص این قوانین اعمال می‌شوند) :

اگر چیدمان سایت را از نظر راحتی ارتقاء بیشتر آن در نظر بگیریم () ، ارزش دارد در مورد این واقعیت رزرو کنید که فقط باید وجود داشته باشد یک عنوان سطح H1 در هر صفحه... احتمالاً می توانید از دو H1 استفاده کنید، اما تعداد بیشتری از آنها به احتمال زیاد باعث واکنش منفی موتورهای جستجو در زمانی که در سند شما قرار دارند، می شوند. اقدامات شما می تواند به عنوان هرزنامه یا تبلیغ مرتبط در نظر گرفته شود.

همچنین توصیه نمی شود از سطوح سرفصل، یعنی. بعد از H1، از H2 برای برجسته کردن قطعات کمتر مهم متن و غیره استفاده کنید. بعید است که این امر تحریم های جدی موتورهای جستجو را در پی داشته باشد، اما همچنان بهتر است در شکل گیری سطوح عنوان در کد Html از منطق پیروی کنید.

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

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

پاراگراف، شکست خط و خط افقی HR در کد Html

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

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

با شکستن متن شما قوی هستید آستانه خستگی را کاهش دهیدبازدیدکنندگان به منبع شما و بهبود عوامل کاربری (زمان صرف شده توسط کاربر در سایت شما و) که به نوبه خود تأثیر مثبتی بر ارتقاء دارد.

برای همین اهداف (حفظ توجه کاربران و کاهش خستگی آن هنگام خواندن مقاله) موارد مختلفی به متن اضافه می شود و گاهی شاید هم.

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

از آنجایی که P یک عنصر بلوکی است و فقط حروف کوچک می توانند داخل آن باشند. بنابراین، مرورگر با یافتن تگ پاراگراف آغازین، کد را بیشتر تجزیه می‌کند و به محض اینکه به عنصر بلوک بعدی برخورد کرد (به احتمال زیاد این بازکننده بعدی P خواهد بود)، بلافاصله تگ پاراگراف بسته شدن را در جلوی آن قرار می‌دهد. . در استاندارد Html 5، چنین آزادی هایی به احتمال زیاد دیگر وجود نخواهد داشت و باید بلافاصله وجود داشته باشد به بستن همه برچسب ها عادت کنیدو فقط با حروف کوچک بنویسید.

یک پاراگراف یک عنصر بلوک است، بنابراین متن داخل پاراگراف ها تمام فضای موجود را در عرض می گیرد. یعنی اگر یک رباعی در کد سند Html همانطور که باید بنویسید (هر خط جداگانه) و کل این رباعی را در تگ های پاراگراف P قرار دهید، در مرورگر خواهید دید که هر چهار خط شما با هم ادغام می شوند. یک و تمام فضای موجود برای متن را در عرض اشغال می کند.

چرا این اتفاق می افتد ، ما قبلاً در مقاله در مورد جزئیات صحبت کرده ایم. به لطف این ویژگی زبان نشانه‌گذاری فرامتن (که هر تعداد کاراکتر فضای خالی در کد منبع زمانی که در مرورگر نمایش داده می‌شود با یک فاصله جایگزین می‌شود)، می‌توانید کد خود را به هر روشی مناسب و بدون ترس از اختلال در نمایش آن، قالب‌بندی کنید. یک صفحه وب

خوب، اگر واقعاً نیاز به نوشتن یک رباعی به شکل عمومی پذیرفته شده دارید، می توانید از Html اضافی برای این منظور استفاده کنید.

برچسب های شکست خط به نام BR

(از کلمه "شکستن"):

BR یک عنصر درون خطی است و همچنین "خالی" است، یعنی. تک (عنصر محصور کننده ندارد). کل عملکرد BR این است که هنگام نمایش متن در مرورگر باعث شکسته شدن خط می شود (مشابه کلید Enter در هر ویرایشگر متنی).

نوشتن تگ های BR (برق خط) در کد به هیچ وجه تنظیم نمی شود. می توانید تمام متن ها را با هم بنویسید و BR را به جای فاصله در مکان های مناسب قرار دهید، یا می توانید بلافاصله متن را به خطوطی در کد تقسیم کنید تا واضح باشد و BR را در انتهای سطرها یا در ابتدای آنها قرار دهید. این اصل را تغییر نمی دهد.

منابع انسانی(مخفف کلمه "قاعده افقی"، یعنی خط افقی) یک تگ Html بسیار ساده است که بسته به مرورگری که در آن مشاهده می شود، یک خط افقی (نوار) ​​در تمام عرض صفحه و ضخامت آن ترسیم می کند. در واقع، این یک نشانگر بصری است که بر اساس قیاس با تگ‌های عنوان، به شما امکان می‌دهد متن را به تکه‌های منطقی برای یکسان‌سازی آسان‌تر تقسیم کنید.

«خالی» است (مفرد)، یعنی. هیچ جفت (برچسب بستن) ندارد. بعلاوه، HR یک عنصر بلوک است، یعنی به طور پیش فرض کل عرض صفحه در دسترس را اشغال می کند.

مفهوم صفات و قوانین نوشتن آنها در تگ های Html

بیایید نگاهی به مفهوم یک ویژگی در این عنصر ساده بیاندازیم. واقعیت این است که می‌توانیم ویژگی‌هایی را به برچسب‌هایی اضافه کنیم که معتبر هستند و در اعتبارسنجی WC3 برای آن‌ها توضیح داده شده‌اند و بدین ترتیب به محتوا ویژگی مورد نیاز خود را می‌دهیم.

به عنوان مثال، اگر چندین پاراگراف (پاراگراف) را در یک ردیف در تگ های P مربوطه محصور کرده اید، برای تغییر ظاهر یکی از آنها، فقط باید ویژگی های مورد نیاز را به عنصر P ابتدایی این پاراگراف اضافه کنید. در مورد تگ های منفرد (خالی)، هیچ گزینه ای برای اضافه کردن ویژگی مورد نیاز وجود ندارد.

بنابراین اولین قانون این است - ویژگی ها فقط در تگ افتتاحیه تنظیم می شوند(بسته شدن هرگز حاوی چیزی نیست). یک عنصر می تواند شامل چندین ویژگی باشد که بین خود و بین نام تگ با یک فاصله (شرط اجباری) از هم جدا شده اند. اجازه دهید فوراً مثالی از استفاده آنها برای خط افقی HR بزنم:

بنابراین ابتدا، بیایید به نحو صفت برویم. آنها در تگ آغازین درج می شوند، با یک فاصله نوشته می شوند (از جمله فاصله بعد از نام عنصر) و ساختاری هستند که شامل یک نام، یک علامت "برابر" است و در علامت نقل قول نوشته می شود (معمولاً مرسوم است که دوتایی های جفت قرار می گیرند. ، اما استاندارد همچنین مقادیر جفت نقل قول های منفرد را مجاز می کند. ترتیب ویژگی ها در کد تگ Html مهم نیست.

اونجا لینک دادم لیست تمام برچسب های معتبر در Html... اگر در این لیست بر روی نام عنصر مورد نظر خود کلیک کنید (در مورد ما HR است)، سپس به صفحه ای با مشخصات دقیق آن هدایت می شوید:

تمام ویژگی های هر تگ می تواند باشد به سه گروه تقسیم کنید:

1. عمومی - آنها را می توان در اکثریت قریب به اتفاق عناصر در زبان Html یافت. در تصویر بالا، آنها در پایین هستند و در یک قاب قرمز مشخص شده اند. در واقع، چند ویژگی مشترک وجود دارد (فقط شش)، و حتی در این صورت، بعید است که از همه آنها در تمرین خود استفاده کنید. به احتمال زیاد فقط چهار -، عنوان و سبک.
2. ویژگی های رویداد - آنها برای راه اندازی یک عمل در پاسخ به یک اقدام کاربر یا یک رویداد سیستم مورد نیاز هستند. آنها بیشتر مربوط به جاوا اسکریت هستند و در تصویر درست در بالا در پایین هستند (در یک قاب تاریک دایره شده اند).
3. منحصر به فرد - هر تگ معمولاً مجموعه ای از ویژگی های خاص خود را دارد که برخی از آنها ممکن است اصلاً در عناصر دیگر ظاهر نشوند. اگر خط افقی HR را در نظر بگیریم، آنگاه فقط چهار ویژگی منحصربه‌فرد (تراز، نوشابه، اندازه و عرض) دارد. همه موارد دیگر مشخص شده در تگ HR (به جز دو گروهی که در بالا توضیح داده شد) توسط مرورگر نادیده گرفته می شوند.

نمونه هایی از ویژگی ها در تگ خط افقی HR

مقادیر ویژگی های مختلف می تواند اعداد دلخواه (و غیره) یا مقادیر از یک مجموعه از پیش تعیین شده باشد، به عنوان مثال، مانند مورد تراز برای HR - چپ | مرکز | راست (می توانید از یکی از سه تراز استفاده کنید. گزینه ها).

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

این لیست تمام گزینه های ممکن برای همه برچسب های موجود در زبان Html را فهرست می کند. در ستون "Related Elements" در مقابل گزینه مورد نظرتان، عناصری را مشاهده می کنید که می توان از این ویژگی در آنها استفاده کرد. ستون "نوع" نشان دهنده نوع داده ای است که می تواند به عنوان مقدار آن استفاده شود.

به عنوان مثال، در خط مشخص شده در شکل برای ویژگی align، برای تگ HR، تنها سه مقدار ثابت مجاز است که در آنجا (چپ | مرکز | راست) فهرست شده است.

ستون بسیار مهم دیگر «دپر» است. اگر در مقابل ویژگی مورد نظر شما در این ستون حرف D وجود داشته باشد، آنوقت است توصیه نمی شود استفاده کنیدو باید از سبک های CSS مناسب برای جایگزینی آن استفاده کنید. وقتی به مشخصات برچسب نگاه کردیم، همچنین دیدیم که کلمه "Deprecated" (منسوخ شده) در کنار نام هر چهار ویژگی برای HR نوشته شده است.

بیایید ببینیم چه ویژگی هایی با عناصری که قبلاً در این مقاله توضیح داده ایم (P، سرفصل های H1-H6 و HR) استفاده می شود. برای همه آنها می توانید از "align" استفاده کنیداز آنجا که همه این عناصر در سطح بلوک هستند. برای عناصر درون خطی، صفت alignment "align" بی معنی است.

به عنوان مثال، اگر به تگ عنوان (به عنوان مثال H1) "align" اضافه کنید، می توانید تراز متن عنوان را تنظیم کنید. آن ها یک عنصر بلوک تمام عرض موجود را اشغال می کند، اما محتوای این عنوان (متن آن) را می توان به صورت تراز چپ (چپ پیش فرض)، تراز راست (راست) یا وسط (مرکز) تراز کرد. یا با عرض (توجیه - تغییر فاصله بین کلمات، مانند ستون های روزنامه).

به هر حال، اگر به اسکرین شات بالا دقت کنید، همین امر برای تگ پاراگراف Html P و برای ظرف Div صادق خواهد بود.

برای یک خط افقی HR، ویژگی "align" به معنای تراز خود خط افقی است که توسط این عنصر تشکیل شده است. اما تگ HR یک عنصر بلوک است و تمایل دارد تمام فضای موجود را در عرض اشغال کند. بنابراین، استفاده از "align" در آن فقط در صورتی منطقی است که همراه با آن، شما نیز استفاده کنید یک مقدار برای ویژگی "width" تنظیم کنید(عرض) کمتر از عرض صفحه است.

به عنوان یک مقدار برای "عرض"، می توانید فقط از اعداد استفاده کنید (این عرض بر حسب پیکسل خواهد بود)، یا می توانید از درصدی از کل عرض موجود برای خط افقی HR استفاده کنید. مقدار مشخصه "size" برای همان تگ به اعدادی تنظیم می شود که ارتفاع خط افقی را بر حسب پیکسل نشان می دهد. بیایید این را با یک مثال ببینیم:

تگ HR در استاندارد Html 4.01 یک تگ دیگر دارد صفتی به نام تکاز آنجا که نمی تواند هیچ ارزشی داشته باشد (این فقط به معنای نوعی عمل است) - "noshade" است که از سایه انداختن خط افقی جلوگیری می کند:

واضح است که من نمی توانم تمام ویژگی های ممکن را برای همه برچسب های ممکن در Html در نظر بگیرم، و این مورد نیاز نیست، زیرا همه چیز را می توان با قیاس انجام داد - نکته اصلی درک نحو و خود ایده است. علاوه بر این، بسیاری از آنها قبلاً برای استفاده منسوخ شده اند، زیرا اکنون عملکرد آنها توسط سبک های CSS انجام می شود، که ما نیز به زودی به طور مفصل در مورد آن صحبت خواهیم کرد.

موفق باشی! به زودی شما را در صفحات سایت وبلاگ می بینیم

با رفتن به اینجا می توانید ویدیوهای بیشتری را تماشا کنید

ممکن است علاقه مند باشید

جداول در Html - تگ های Table، Tr و Td و همچنین Colspan، Cellpadding، Cellspacing و Rowspan برای ایجاد آنها
Iframe و Frame - چه هستند و بهترین روش استفاده از فریم ها در Html
جاسازی و شی - برچسب های Html برای نمایش محتوای رسانه ای (ویدئو، فلش، صدا) در صفحات وب
دستورالعمل های نظر و Doctype در کد Html و همچنین مفهوم بلوک و عناصر درون خطی (برچسب ها)
نحوه درج لینک و تصویر (عکس) در تگ های HTML - IMG و A

سلام به خوانندگان عزیز. امروز می خواهم به موضوع سرفصل ها در تگ های h1 h2 - h6 توجه ویژه ای داشته باشم، زیرا در آینده نزدیک در حال برنامه ریزی (طبق وعده) هستم چندین مقاله کاربردی در مورد ویرایش عناوین در قالب ها. اما قبل از تسلط بر هر چیزی در عمل، به نظر من باید تئوری را درک کنید، نه اینکه آن را بدانید. بیایید از همان ابتدا مفاهیم را تعریف کنیم، عنوان در اسناد HTML، عنوان در وب سایت، صفحه چیست.

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

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

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

اولین و مهمترین چیزی که باید بدانیم این است که سه مفهوم مختلف از عنوان در یک سند HTML وجود دارد.

هر سندی شامل سه تگ اصلی HTML است:

در اینجا اطلاعات فنی در مورد سند + است
عنوان صفحه در برچسب ها



در اینجا محتوای اصلی سایت، مقالاتی که عناوین آنها در برچسب ها وجود دارد، آمده است:

عنوان سایت یا مقاله

عنوان مقاله

زیرنویس مقاله

بلوک های دیگر با اطلاعات

بلوک های دیگر با اطلاعات

بلوک های دیگر با اطلاعات

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