Google core web vitals
آیا مسدود کردن کشورها باعث بهبود core web vital میشود؟
ژانویه 12, 2021
صفحه سرچ گوگل در موبایل
تغییرات جدید گوگل در اندروید و آیفون
فوریه 1, 2021
تگ های منسوخ شده و قدیمی HTML

تگ های منسوخ شده در HTML

تگ های منسوخ شده و قدیمی در اچ تی ام ال

 

12 تگ منسوخ شده HTML5

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

همچنین در کنار HTML از CSS نیز برای استایل دهی و تغییرات ظاهری در صفحات استفاده میشود.

آخرین نسخه CSS ، CSS3 بوده و آخرین نسخه HTML نیز HTML5 است.

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

 

تگ هایی که نباید از آنها در html استفاده کرد کدامند؟

در ادامه لیست تگ های منسوخ شده html  و سپس لیست تگ های جدید html و در انتها لیست کامل تگ های html را در قالب یک جدول مشاهده خواهیم کرد.

تگ های منسوخ شده در html5

 

لیست تگ های منسوخ html5

در سال 2014 که آخرین نسخه از html ارائه شد، 12 تگ از html4 در نسخه جدید htyml5 حذف شده و با این حال که میتوان از آنها در طراحی صفحات وب استفاده کرد، اما بهتر است استفاده از آنها را فراموش و آنها را با تگ های جدید یا CSS های مشابه جایگزین کنیم تا بتوانیم به روز بمانیم .

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

 

تگ های حذف شده از HTML
ردیف تگ کاربرد جایگزین
1 <acronym> تعریف یک عبارت مخفف <abbr>
2 <applet> برای embed کردن یک پلاگین به صفحه <embed> <object> <video> <audio> <iframe> <img>
3 <basefont> تغییر فونت و رنگ و اندازه متن کل صفحه به صورت یکجا CSS
4 <big> بزرگ کردن اندازه یک متن CSS
5 <center> قرار دادن متن ها در وسط سطر CSS
6 <dir> ایجاد یک لیست راهنما (فهرست) <ul> یا CSS
7 <font> تغییر فونت و رنگ و اندازه متن ها CSS
8 <frame> یک فریم در یک گروه فریم ایجاد میکند <iframe>
9 <frameset> متن جایگزین برای کاربرانی که مرورگر آنها از فریم ساپورت نمیکنند <iframe>
10 <noframes> متن جایگزین برای کاربرانی که مرورگر آنها از فریم ساپورت نمیکنند <iframe>
11 <strike> متن خط خورده <del> یا <S>
12 <tt> متن های teletype CSS

 

مقایسه html و html5

 

لیست تگ های جدید HTML5

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

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

 

تگ های جدید اضافه شده به HTML
ردیف تگ کاربرد
1 <article> تعریف یک مقاله درون یک صفحه
2 <aside> تعریف یک متن در حاشیه کناری متن اصلی ( ساید بار)
3 <bdi> جدا و ایزوله کردن یک تکه از متن که ممکن است جهت مخالفی نسبت به متن اصلی داشته باشد
4 <details> اضافه کردن جزییات اضافه که کاربر بتواند آن را مخفی یا آشکار کند
5 <dialog> یک صفحه گفتگو یا یک پنجره باز میکند
6 <figcaption> ایجاد یک بخش توضیحات برای المنت <Figure>
7 <figure> یک بخش مستقل را در یک صفحه ایجاد میکند به طوری که جریان صفحه به وجود آن وابسته نباشد
8 <footer> یک پاورقی را برای صفحه یا قسمتی از آن مشخص میکند
9 <header> یک تیتر را برای یک صفحه یا بخشی از آن مشخص میکند
10 <main> متن اصلی یک صفحه وب را مشخص میکند
11 <mark> هایلایت و مارک کردن یک متن برای برجسته سازی آن
12 <meter> مثل یک درجه عمل کرده و مقداری عددی را در یک محدوده مشخص نمایش میدهد
13 <nav> ایجاد لینک های دسترسی در منو ها
14 <progress> میزان پیشرفت یک کار خاص ( یک task) را نشان میدهد
15 <rp> یک متن جایگزین برای مرورگرهایی که از حاشیه نویسی روبی پشتیبانی نمیکنند مشخص میکند
16 <rt> یک توضیح یا تلفظ را برای کاراکترهای زبان های شرق آسیا ایجاد میکند
17 <ruby> یک نوع حاشیه نویسی را برای زبان های آسیای شرقی ایجاد میکند
18 <section> یک بخش یا قسمت خاص را در یک صفحه مشخص میکند
19 <summary> یک تیتر قابل رویت را برای تگ <detail> مشخص میکند
20 <time> یک تاریخ / زمان را مشخص میکند
21 <wbr> یک محل احتمالی را برای قطع شدن متن مشخص میکند
22 <datalist> یک سری تنظیمات پیش فرض را برای کنترلگرهای ورود اطلاعات در فرم ها انجام میدهد
23 <output> نتیجه یک محاسبه را در فرم ها نمایش میدهد
24 <canvas> برای رسم مستقیم اشکال گرافیکی با استفاده از اسکریپت ها (معمولا جاوا اسکریپت)
25 <svg> برای ترسیم گراف های برداری و مقیاس پذیر در صفحه
26 <audio> تعریف محتوای صوتی
27 <embed> یک قسمت برای embed کردن برنامه های خارجی ایجاد میکند
28 <source> منابع مولتی مدیا ویدئویی و صوتی مختلفی را برای یک <media> مشخص میکند
29 <track> یک پیوست متنی مانند زیرنویس را برای فایل های مولتی مدیا صوتی و تصویری ایجاد میکند
30 <video> ویدئو یا فیلم را در صفحه مشخص میکند
مطلب مرتبط  جدیدترین تکنیک های سئو در 2021

 

تگ های html برای فرم ها

 

انواع جدید ورودی های فرم ها در html

علاوه بر تگ های جدید ، در html5 انواع جدیدی از ورودی های اطلاعات در فرم ها نیز ارائه شدند مانند :

color

email

number

tel

week

date

month

range

time

url

datetime

datetime-local

search

 

 

 

لیست کامل تگ های HTML به همراه کاربرد

تگ

کاربرد

<!–…–>

ایجاد کامنت

<!DOCTYPE>

تعریف نوع سند

<a>

ایجاد یک لینک

<abbr>

ایجاد یک عبارت مخفف یا اختصاری

<acronym>

منسوخ شده

<address>

اطلاعات تماس صاحب اثر یا نویسنده آن

<applet>

منسوخ شده

<area>

یک ناحیه را در image map مشخص میکند

<article>

ایجاد یک مقاله

<aside>

ایجاد یک متن در کنار متن اصلی صفحه (ساید بار)

<audio>

تعریف یک فایل صوتی تعبیه شده در متن

<b>

ایجاد متن بولد شده

<base>

یک آدرس اصلی را برای تمام آدرس های مرتبط و مشابه آن در سند مشخص میکند

<basefont>

منسوخ شده

<bdi>

جدا کردن یک تکه از متن که ممکن است جهت مخالفی نسبت به متن بیرون آن داشته باشد

<bdo>

جهت فعلی متن را تغییر میدهد

<big>

منسوخ شده

<blockquote>

تعریف یک بخش که از منبعی خارجی نقل قول میکند

<body>

بدنه یک سند

<br>

رفتن به خط بعد

<button>

تعریف یک دکمه کلیک خور

<canvas>

رسم مستقیم اشکال گرافیکی با استفاده از اسکریپت ها (معمولا جاوا اسکریپت)

<caption>

ایجاد توضیحات برای جدول

<center>

منسوخ شده

<cite>

عنوان یک کار را مشخص میکند

<code>

مشخص کردن کد های کامپیوتری در سند

<col>

فعال کردن خصوصیات ستون های جدول برای هر ستون از گروه ستون ها

<colgroup>

ایجاد یک گروه برای یک یا چند ستون از جدول برای فرمت دهی به آنها

<data>

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

<datalist>

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

<dd>

توضیح یا مقدار یک اصطلاح را در یک لیست توضیحات تعریف می کند

<del>

ایجاد یک متن حذف شده در متن (متن خط خورده)

<details>

ایجاد اطلاعات تکمیلی که کاربر بتواند آنها را مخفی یا آشکار کند

<dfn>

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

<dialog>

ایجاد یک پنجره یا بخش گفتگو

<dir>

منسوخ شده

<div>

ایجاد یک بخش مشخص در یک سند

<dl>

یک لیست توضیحات ایجاد میکند

<dt>

ایجاد نام یک اصطلاح در یک لیست توضیحات

<em>

تاکیدی کردن متن

<embed>

ایجاد یک کانتینر برای یک برنامه خارجی

<fieldset>

گروه بندی المنت های مرتبط در یک فرم

<figcaption>

یک توضیح برای متن figure ایجاد میکند

<figure>

یک متن مستقل را در سند مشخص میکند که حذف آن تاثیری در کل صفحه نداشته باشد

<font>

منسوخ شده

<footer>

ایجاد یک فوتر برای سند یا یک بخش از آن

<form>

ایجاد یک فرم برای دریافت اطلاعات کاربر

<frame>

منسوخ شده

<frameset>

منسوخ شده

<h1> to <h6>

تعریف تیترهای 1 تا 6

<head>

این تگ شامل متا دیتا های سند میباشد

<header>

ایجاد یک هدر در یک سند یا بخشی از آن

<hr>

اعمال تغییر موضوعی در یک محتوا با درج یک خط افقی

<html>

مشخص کردن ریشه کدهای یک سند

<i>

تغییر نوع تلفظ یا لحن یک متن در یک محتوا

<iframe>

ایجاد یک فریم inline

<img>

ایجاد یک عکس

<input>

ایجاد یک قسمت ورودی

<ins>

ایجاد یک متن زیر خط دار در یک صفحه

<kbd>

تعریف ورودی کیبورد

<label>

یک لیبل برای یک المنت ورودی ایجاد میکند

<legend>

ایجاد یک توضیح برای المنت <fieldset>

<li>

تعریف یک آیتم از لیست

<link>

ایجاد ارتباط بین سند html با سند های خارجی دیگر (مانند فایل استایل های css)

<main>

مشخص کردن متن اصلی یک سند

<map>

ایجاد یک image map (عکس لینک دار)

<mark>

مشخص کردن متن هایلایت شده

<meta>

تعریف متادیتا برای سند

<meter>

ایجاد یک شاخص برای نمایش مقداری عددی در یک بازه

<nav>

ایجاد لیست های دسترسی منوها

<noframes>

منسوخ شده

<noscript>

ایجاد متن جایگزین برای مرورگرهایی که از اسکریپت های سمت کاربر پشتیبانی نمیکنند

<object>

تعریف یک کانتینر برای یک برنامه خارجی

<ol>

ایجاد یک لیست شماره دار و ترتیب دار

<optgroup>

اختصاص یک دسته از خصوصیات مرتبط به یک لیست کشویی

<option>

ایجاد یک قابلیت برای یک لیست کشویی

<output>

مشخص کردن نتیجه یک محاسبه

<p>

تعریف یک پاراگراف

<param>

تعریف یک پارامتر برای یک شئ

<picture>

تعریف یک کانتینر برای منابع تصویری متعدد

<pre>

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

<progress>

مشخص کردن پیشرفت یک پروسه

<q>

تعریف یک نقل قول کوتاه

<rp>

ایجاد متن جایگزین برای مرورگرهایی که از حاشیه نویس روبی پشتیبانی نمیکنند

<rt>

ایجاد یک توضیح یا تلفظ برای یک کاراکتر در زبان های اسیای شرقی

<ruby>

ایجاد یک حاشیه نویس روبی برای زبان های اسیای شرقی

<s>

مشخص کردن متنی که دیگر معتبر نیست

<samp>

ایجاد یک نمونه خروجی برای برنامه های کامپیوتری

<script>

ایجاد یک اسکریپت سمت کاربر

<section>

ایجاد یک بخش در صفحه

<select>

ایجاد یک لیست کشویی

<small>

تعریف متن کوچکتر

<source>

مشخص کردن منبع مولتی مدیا های صوتی و تصویری

<span>

مشخص کردن یک بخش در متن

<strike>

منسوخ شده

<strong>

ایجاد یک متن مهم

<style>

تعریف اطلاعات استایل یک سند

<sub>

ایجاد یک متن زیرنویس

<summary>

ایجاد عنوان قابل رویت برای یک المنت detail

<sup>

تعریف یک متن رونویسی شده (سوپر اسکریپت)

<svg>

ایجاد یک کانتینر برای گراف های svg

<table>

تعریف جدول

<tbody>

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

<td>

تعریف یک سلول از جدول

<template>

ایجاد یک کانتینر برای قسمتی از صفحه که در زمان لود مخفی است

<textarea>

یک بخش برای ورود اطلاعات متنی طولانی تر از یک خط ایجاد میکند

<tfoot>

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

<th>

تعریف یک سلول عنوان در یک جدول

<thead>

عنوان های یک جدول را در یک گروه دسته بندی میکند

<time>

مشخص کردن زمان یا تاریخی خاص

<title>

ایجاد یک تیتر برای صفحه

<tr>

تعریف یک سطر در جدول

<track>

تعریف فایل متنی برای فایل های ویدئویی و صوتی

<tt>

منسوخ شده

<u>

تعریف متن متفاوت با متن اصلی

<ul>

ایجاد لیست بولت دار (بدون ترتیب)

<var>

تعریف متغیر

<video>

تعبیه کردن محتوای ویدئویی خارجی در متن

<wbr>

ایجاد محل شکستن پیشنهادی برای متن های طولانی

مطلب مرتبط  کاربردپذیری سایت و تأثیر آن بر روی سئو

 

منبع:  w3schools.com / html.com

تبلیغ در گوگل برتینا

این مطلب چقدر برای شما مفید بود؟

امتیاز 5 / 5. تعداد نظرات : 1

اولین نظر را شما ثبت کنید!

The following two tabs change content below.

فاطمه حبیبی

CM. SEO & SEM Specialist at Bertina

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *