HTML ( اچ تي ام ال ) او‌لين ، معمولي ترين ، پركاربردترين و مهمترين گويش براي طراحي وب سايت ميباشد. صفحه ها اينترنتي دربرگيرنده اطلاعاتي ميباشد كه دربردارنده متن ، تصوير ، كليپ ، صوت و… مي باشد . اين محتوا به وسيله سه لايه به استفاده كننده نمايش داده ميشود . لايه محتوا مدام وجود دارااست و دربردارنده محتوايي ميباشد كه طراح وب سايت قصد دارااست
آن را به استفاده كننده اكران دهد . اين محتوا بصورت كدهاي HTML مابين دو تگ <html> قرار مي‌گيرد .HTML لهجه اپ‌نويسي وجود ندارد، بلكه زباني براي نماد‌گذاري ابرمتن ميباشد و در اصلً براي ساختار بندي داده ها و جدايش اجزاي منطقي يك
نوشتار ، نظير عنوان ها، تصاوير، فهرست‌ها، بندها و جداول به شغل مي‌رود. از سوي ديگر، كدهاي HTML را نبايد تحت عنوان زباني براي شيت آرايي يا اين كه نگارگري صفحه هاي وبسايت به عمل موفقيت، اين وظيفه فعلا بر دوش فناوري‌هاي ديگري همانند CSS ميباشد.
يادگيري اصول كدنويسي شغل بسيار بغرنج اي وجود ندارد ولي شناخت و احاطه بر اين مقررات و رعايت اصول استاندارد و درست در كدنويسي نياز به تجارب و شغل فراوان داراست . در اين موسسه به پژوهش ده خطا والا در تايپ كردن كدهاي HTML مي‌پردازيم كه رعايت آن‌ها قادر است در استاندارد سازي كدهاي HTML شما اثر بخش اعظمي داشته باشد و همينطور تاثير مثبتي بر سئوي وبسايت شما داشته باشد. تفاوت يك طراح وبسايت و بهينه سازي فعاليت ماهر و آماتور در رعايت همين اصول و ضوابط ميباشد كه در ذيل به ده گزينه از آنان اشاره ميشود.
استعمال نكردن از ليست ها ul ، ol در مكان موردنيازتگ هاي ul، ol ، li براي ليست كردن مطالب درست شده اند و شغل با آنان بسيار بي آلايش ميباشد و توان هاي اكثري را براي در دست گرفتن ليست بوسيله css ساخت خواهد نمود . به كار گيري از تگ هاي p ، br و هر نوع ديگر از كدهاي HTML به غير از تگ هاي تمجيد گرديده ليست ها ، براي صورت دهي يك ليست عمل اشتباهي ميباشد كه نبايد جاري ساختن دهيد.
به كارگيري از تگهاي s ، strike براي اكران متن هاي حذف گرديدهدر ورژن هاي تازه از تگهاي del – براي علامت دادن متن حذف گرديده – و از تگ ins – براي نشانه دادن متن وارداتي به مكان متن حذف گرديده – به يار هم استعمال ميگردد. بدين ترتيب مبتلا خطا نشويد و از strike و s به كارگيري نكنيد .در ورژن هاي سابق تري از HTML از اين دو نوع تگ براي نشانه دادن لغت ها حذف گرديده ( Strikethrough ) – با ساخت‌و‌ساز يك خط بر روي آن‌ها – به كار گيري مي شد‌ه‌است . اين نوع از تگ ها با ورود ورژن هاي جديدي از HTML دگرگون گرديده اند و تگ هاي strike و s كه تا قبل از اين براي اين خواسته به كار گيري مي گرديده اند ديگر كاربردي نخواهند داشت و به كار گيري از آن‌ها غير استاندارد خواهد بود.
به كارگيري نكردن از تگهاي Headingمسلما از عنايت تگ هاي heading – h1,h2,h3,h4,h5,h6 – در ساخت سايت و سئوي وب سايت آگاه مي باشيد از اين تگ ها براي معلوم نمودن راز فصل ها و عنوان ها براي مطالب منتشر گرديده در وبسايت با دقت به مرتبه عنايت آنان به كارگيري مي گردد.رمز فصل هايي كه با تگهايي غير از تگهاي Heading توليد گرديده اند در مرورگرهاي متني قابل تشخيص نخواهند بود و همينطور از ديد موتورهاي كاوش اهميتي نخواهند داشت.به كار گيري از اشكال تگ هاي ديگر و به كار گيري از CSS براي تغيير و تحول ظاهري عناصري غير از تگهاي heading ، براي توليد راز فصل نادرست بزرگي خواهد بود.
اضافه نكردن ويژگي alt به تصاويراستعمال از alt براي تصاوير به بازديدكنندگان صفحه هاي وبسايت شما و همينطور موتورهاي كاوش امداد ميكند تا مورد تصوير منتشر گرديده در وبسايت شمارا تشخيص دهند.موتورهاي كاوش به توضيحات يا اين كه به عبارتي alt تصاوير خيلي دقت مي نمايند و اين alt ها روي بهينه سازي تاثير بسيار مثبتي داراست. به كارگيري از ويژگي alt براي تصاوير يك ضابطه ميباشد .براي استاندارد بودن كدهاي HTML خويش مسلما اين نكته را رعايت نماييد . اين نكته وقتي پررنگ خيس و اصلي خيس ميشود كه مخاطبان شما از سرعت وب زير و يا اين كه مرورگرهاي متني ( مانند موتورهاي كاوش ) به كار گيري ميكنند و يا اين كه به هر دليلي اين تصوير در مرورگر بازديدكننده سايت شما اكران داده نشده ميباشد .از اين ويژگي حتي‌د‌ر زماني كه توضيحي براي تصوير خويش نداريد نيز به كار گيري كنيد و مقدار آن را خالي بگذاريد . به كار گيري از تگهاي b ،I ،strong ،em براي bold و italic كردن متن فارغ از در حيث تصاحب كردن موتورهاي كاوشاز b و i در وقتي كه نيازي به لبريز عنايت كردن متن باطن اين تگ ها وجود ندارد و صرفا ميخواهيد صورت ظاهري را تغيير‌و تحول دهيد و از strong و em در مواقعي كه ضمن صورت ظاهري مي خواهيد رتبه مداقه متن باطن آن را نيز نسبت به بقيه لغت ها ارتقا دهيد استعمال نماييد.در حالتي كه شما به سئو و سئوي وب سايت خويش براي موتورهاي كاوش التفات مي دهيد خوب ميباشد از تگ هاي strong و em به طور بدون واسطه در كد HTML به مكان تگهاي b و i و همينطور style ها استعمال فرماييد . بدين نكته بسيار اساسي اعتنا داشته باشيد كه تگ هاي b و i تگهاي نمايشي مي باشند و تگهاي strong و em تگ هاي مفهومي و نمايشي مي باشند . مضمون اين گزاره اين خواهد بود كه متن‌ها توسط b و i تنها يك تغيير تحول موقعيت ظاهري پيدا كرده اند و به همين استدلال آيتم اعتنا موتورهاي كاوش قرار نخواهند گرفت . البته با به كار گيري از تگهاي strong و em شما به همدم تغييرات ظاهري يك شخصيت نيز به متن خويش خواهيد اعطا كرد و اعلام خواهيد كرد كه‌اين متن در درون اين نوع از تگ ها از مداقه بيشتري منتفع خواهد بود . به اين ترتيب كارايي نمائيد از اين نوع از تگ ها در مكان مطلوب خويش استعمال فرماييد .تگهاي b و i مي توانند يك متن و يا اين كه واژه را به وضعيت bold و Italic تغيير تحول دهند . شايد با وجود CSS و توانائي هاي فوق العاده در در دست گرفتن متون به ذهنيت شما رسد كه از اين ابزار براي راحتي عمل خويش به كار گيري كنيد . توانائي هاي font-weight و font-style ميتوانند جايگزين خير و خوبي براي b و i باشند البته مشكلاتي را نيز خواهد داشت . در مواقعي مخاطبان شما از مرورگرهاي متني فارغ از به كار گيري از style ها به كار گيري خواهند كرد كه در اين حالت تفاوتي مابين كلمه ها bold و italic گرديده بوسيله CSS با بقيه لغت ها نخواهند رويت كرد و اين ايراد منجر كاهش خوانايي مطالب شما ميشود و عبارات با مرتبه مداقه بيشتر گزينه دقت استفاده كننده قرار نخواهد گرفت.
به كار گيري از تگهاي blink و marquee اين سيرتكامل از تگ ها خلاف تصور شما ممكن ميباشد موجب عدم دقت به وبسايت شما خواهد شد. جداي از غير استاندارد اعلام شدن اين تگ ها بوسيله سازمان جهاني استانداردهاي اينترنت wc3 ، به كارگيري از اين نوع از تگ ها در طراحي وب ميتواند فاجعه ساز خواهد شد.براي ساخت‌و‌ساز جلب دقت و نشانه دادن التفات يك قضيه عالي ميباشد از طريق هاي ديگري به كارگيري فرمائيد .
اضافه و حذف كردن border در تگ HTML در استاندارد هاي مدرن استعمال از اين نوع ويژگي به طور بدون واسطه در تگ هاي HTML سفارش نميشود و عالي ميباشد به مكان به كار گيري از اين ويژگي در تگهاي HTML ديده پوشي فرمائيد و تغييرات متبوع خويش را با استعمال از ويژگي border در CSS ايفا دهيد . شما با به كار گيري از CSS توانگري بيشتري در در دست گرفتن اين ويژگي خواهيد داشت . Border ها يكي‌از ديگر از مختصات تني چند از اركان HTML مي‌باشند كه شما ميتوانيد با به كارگيري از اين ويژگي به طور بي واسطه در تني چند از تگ هاي HTML آنان را حذف ، اضافه و بازنويسي نماييد .
قرار دادن تگ هاي Block في مابين تگ هاي Inlineموادسازنده HTML به دو دسته inline و block تقسيم بندي ميگردند . هر تگ به طور پيش فرض دارنده ويژگي inline و يا اين كه block ميباشد . اركان Inline با اعتنا به نوع و ويژگي شان بايستي در باطن موادسازنده block قرار بگيرند تا بتوانند با به كارگيري از اين نوع از تگ ها در جريان برگه قرار بگيرند . موادسازنده block تگ هايي مانند div ،p و مواقعي ديگر را مشتمل بر ميگردند كه بيشتر در ساخت و ساز ساختار صفحه ها گزينه به كارگيري قرار مي‌گيرند . به كار گيري از موادتشكيل دهنده block بين تگ هاي inline عمل نادرستي ميباشد كه هيچ زمان جاري ساختن ندهيد، البته اركان inline به راحتي داخل اركان block قرار خواهند گرفت.
استعمال از inline style به كار گيري از style هاي inline يك فعاليت غير استاندارد وجود ندارد البته دارنده ايرادات و معايبي ميباشد كه مي تواند مارا براي به كار گيري از اين نوع از style پشيمان نمايد، هر يك سري كه از style ها مي قدرت به سه طريق مختلف بهره مند شد و يك كدام از اين سه نحوه استعمال از style هاي inline در درون هر تگ ميباشد . البته توصيه ميشود كه از inline style استعمال كمتري نماييد. دستكاري اين نوع از style با دقت به خطي بودن آن‌ها بسيار اختلال ميباشد و با ارتقا تعداد سندهاي HTML گاهي به عمل غير ممكني تبديل ميگردد . اين نوع از style وسعت صفحه هاي را به شدت ارتقاء مي‌دهد و اين نكته اي بسيار منفي در طراحس وبسايت و سئوي وبسايت ميباشد . به كار گيري از inline style كدها را نامرتب و ناخوانا خواهند كرد و بازنويسي كد ها را از ديد خوانايي بسيار مشقت بار خواهد نمود.گاهي كدهاي CSS فرنگي را در گير ايراد مي نمايند، مي بايست بدانيد كه كدهاي inline بر كدهاي CSS فرنگي حق اولويت دارا هستند. با تمامي ي اين اشتباهات در موردها بسيار خاصي استعمال از اين تگ ها ميتواند ايرادات شمارا برطرف كند . البته به طور همگاني استعمال از inline style سفارش نميشود . به كار گيري بيش تر از حد از تگ brبه كارگيري از تگ br براي ساخت مسافت هايي بيشتر از يك خط بين خطوط و يا اين كه عنصرها ديگر خطا ميباشد . تگ br براي توليد مسافت و ناكامي فقط يك خط در متن آيتم استعمال قرار مي گيرد . براي توليد مسافت بيشتر از يك خط في مابين خطوط ميتوانيد به راحتي از تگهاي p و يا اين كه خصويت padding و margin و حتي line-height استعمال فرمائيد.
نكات مذكور يكسري نادرست هاي اساسي در كدهاي HTML ميباشد كه بايستي در طراحي وب و سئوي تارنما به آن ها دقت خواهد شد، مجموعه ساخت وب سايت اينترنت كو اينترنت مدام همت مي نمايد با اعتنا به واپسين استانداردهاي جهاني كدنويسي و اپ نويسي وب سايت هاي خويش را پياده سازي و بهينه سازي كند، به جز نكات مذكور نكات بسيار اصلي ديگري وجود دارااست كه يك طراح مي بايست به آن اعتنا كند و عملكرد ميكنيم در مقاله‌ها ديگر به آن‌ها اشاره نماييم.