۱) استفاده نادرست از لیست ها ul ، ol در جای مایحتاج در html ما روی هم رفته دو نوع لیست داریم : لیست شمارشی یا تر و تمیز: برای نمایش این لیست از تگ استفاده میکنیم. لیست غیر شمارشی یا به هم ریخته: برای نمایش این لیست از تگ طراحی سایت در مشهد به کار گیری می کنیم، که معمولا برای ساخت و ساز منو در سایت به کارگیری میشود. داخل هر دو تگ و از تگ برای ساخت گزینه استعمال میشود. در واقع بدون تگ تگ ul و ol کاربردی ندارند. این تگ ها برای لیست کردن مطالب ساخته شده اند و فعالیت با آنها بسیار معمولی و ریلکس هست و توانگری های بسیاری را برای کنترل لیست به وسیله css تولید خواهد نمود . استفاده از تگ های p ، br و هر نوع دیگر از کدهای htmlبه غیر از تگ های تعریف و تمجید شده لیست ها ، برای شکل دهی یک لیست فعالیت اشتباهی می باشد که نباید اجرا دهید. ۲) استعمال از تگهای s ، strike و del برای نمایش متن های حذف شده شما با استفاده از تگ del در html میتوانید روی محتوایی که باطن این تگ قرار گرفته یک خط بکشیم. تگ s و strike هم در اچ تی ام ال برای کشیدن خط روی متن استعمال میشود، این دو تگ مشابه تگ del کار می کنند ولی از دید معنایی با هم تفاوت دارند از جمله ممکن میباشد شما محتوای “فرصت جامع آموزش طراحی وب سایت” را بر روی کاغذ سایت خود منتشر نمایید ولی مثلا به مناسب عید نوروز تصمیم بگیرید به مخاطبان خود ۳۰ درصد تخفیف دهید با استعمال از تگ del میتوانید بر روی قیمت گذشته یک خط بکشید و آن گاه قیمت تازه را درج کنید. در نسخه های جدید از تگهای del برای نشان دادن متن حذف شده و از تگ ins برای نماد دادن متن وارد شده به جای متن حذف شده به هم پا هم به کار گیری میشود. بنابراین دچار خطا نشوید و از strike و s به کارگیری نکنید.. این نوع از تگ ها با ورود نسخه های جدیدی دگرگون شده اند و تگ های strike و s که قبلا برای این منظور به کار گیری می شده اند دیگر کاربردی نخواهند داشت و استفاده از آنها غیر استاندارد و به نوعی نادرست خواهد بود. عده ای که این نوشتهی علمی را تحقیق کرده اند به تحقیق مقالات تحت نیز علاقه علامت داده اند: پنج نادرست کشنده کارفرمایان در پیشنهاد طراحی وب سایت رازهای به کارگیری از تصاویر در ساخت وب سایت ۳) استعمال نکردن از تگهای Heading حتما از عنایت تگ های heading – h1,h2,h3,h4,h5,h6 – در طراحی و سئوی سایت با خبر هستید از این تگ ها برای مشخص و معلوم نمودن راز فصل ها و عنا وین برای مطالب منتشر شده در وب سایت با تمرکز به سکو اهمیت آنها استعمال میشود همین الان متنی که دارید رسیدگی میفرمایید دارای تگهای هدینگ گوناگون هست که با تمرکز به مضمون و عناوین میان متون قرار داده ام. سر فصل هایی که با تگهایی غیر از تگهای Heading ایجاد شده اند در مرورگرهای متنی قابل تشخیص نخواهند بود و همچنین از لحاظ موتورهای جستجو اهمیتی نخواهند داشت. استفاده از انواع تگ های دیگر و به کار گیری از CSS برای تغییرو تحول ظاهری عناصری غیر از تگهای heading ، برای ایجاد کرد راز فصل نادرست بزرگی خواهد بود. ۴) اضافه نکردن alt image به تصاویر در وبسایت استفاده از alt برای تصاویر به بازدیدکنندگان صفحه ها وبسایت شما و همچنین موتورهای جستجو کمک میکند تا موضوع تصویر منتشر شده در تارنما شما را تشخیص دهند. موتورهای جستجو به توضیحات یا همان alt تصاویر خیلی دقت می کنند و این alt ها روی سئوسایت شما نیز اثر بسیار مثبتی داراست. برای استاندارد بودن کدهای htmlخود مطلقا این نکته را رعایت کنید، این نکته زمانی پر رنگ تر و اساسی تر میشود که مخاطبان شما از سرعت اینترنت زیر و یا مرورگرهای متنی به کارگیری میکنند و یا به هر دلیلی این تصویر در مرورگر بازدیدکننده تارنما شما نمایش داده نشده هست . از این خصوصیت حتیدر وقتی که توضیحی برای تصویر خود ندارید نیز استعمال فرمائید و از کلمات کلیدی فرعی خود در آن استفاده نمائید. ۵) استعمال از تگهای b ،I ،strong ،em برای bold و italic کردن متن ۱) متن مورد نظر را بولد می کند بدون اینکه از دید معنایی اهمیتی بیشتری برای آن در نظر بگیرد. ۲) متن ها کار کشته را معلوم میکند، از نظر ظاهری متن مورد نظر تفاوتی با وقتی که عنصر را روی آن اعمال میکنیم ندارد؛ اما از دید معنایی این تگ التفات بیشتری به متن ما میبخشد و زمانی از آن استفاده میگردد که بخواهیم به مخاطب بفهمانیم متن مورد نظر ما مهم هست. ۳) کجی متون را معلوم میکند اما از حیث معنایی التفات بیشتری برای آن در حیث نمی گیرد. ۴) برای متونی استفاده میشود که بر آن تاکید گردیده است و از حیث معنایی اهمیت بیشتری به متن ما میدهد، از لحاظ ظاهری تفاوتی با زمانی که از تگ برای متن ها استفاده میکنیم ندارد. در حالتی که شما به سئو و سئوی وبسایت خود التفات می دهید بهتر است از تگ های strong و em به صورت بدون واسطه در کدhtml به جای تگهای b و i و همچنین style ها به کارگیری نمائید . بدین نکته بسیار مهم اعتنا داشته باشید که تگ های b و i تگهای نمایشی هستند و تگهای strong و em تگ های مفهومی و نمایشی می باشند، مضمون این پاراگراف این خواهد بود که متن ها به وسیله b و i فقط یک تغییرو تحول شرایط ظاهری پیدا کرده اند و به همین ادله مورد دقت موتورهای جستجو قرار نخواهند گرفت، ولی با استعمال از تگهای strong و em شما به هم پا تغییرات ظاهری یک شخصیت نیز به متن خود خواهید داد و اعلام خواهید کرد که این متن در باطن این نوع از تگ ها از التفات بیشتری بهره مند خواهد بود. در مواردی مخاطبان شما از مرورگرهای متنی سوای به کار گیری از style ها استعمال خواهند کرد که در این حالت تفاوتی مابین لغت ها bold و italic شده به وسیله CSS با سایر کلمات نخواهند مشاهده کرد و این خلل باعث کاهش خوانایی مطالب شما میگردد و لغات با سکو عنایت بیشتر مورد اعتنا مخاطب قرار نخواهد گرفت. اموزش کدنویسی سایت ۶) استعمال از تگهای blink و marquee marquee نام تگی هست که اولین بار بوسیله مرورگر اینترنت اکسپلورر (Internet Explorer) معرفی شد، این تگ با غرض متحرک سازی متن، تصویر و… در صفحات به صورت های مختلف، مثلا اسکرول در جهات متعدد با قابلیت تنظیم سرعت، رنگ و بعضا ویژگی های دیگر ارائه گردید و در حال حاضر توسط اکثر مرورگرهای وب به نه حمایت میشود. بعضی آن را با تگ مشابه blink مقایسه می کنند که اما marquee با blink تفاوتهای زیادی دارد، به این دلیلکه از تگ blink تنها جهت ایجاد متن ها و لینک های چشمک زن به کار گیری میشود، اما تگ marquee، گستره استفاده جامعتری داراست و برای اسکرول متن یا تصویر با قابلیت های بیشتر، کاربرد دارااست؛ با این وجود کنسرسیوم جهانی وب W3C، به دلایلی سفارش می کند که از آن در طراحی صفحه ها وب، استعمال نشود که خود جای درنگ داراست. ۷) اضافه و حذف کردن border در تگ html در استاندارد های امروزی استعمال از این نوع خصوصیت به صورت مستقیم در تگ هایhtml سفارش نمیشود و بهتر هست به جای استعمال از این خصوصیت در تگهایhtml چشم پوشی کنید و تغییرات مورد نظر خود را با استفاده از خصوصیت border در CSS جاری ساختن دهید. Border ها یکی از از سایر از خصوصیات تعدادی از موادتشکیل دهنده htmlهستند که شما میتوانید با استفاده از این خصوصیت به صورت مستقیم در تعدادی از تگ هایhtml آنها را حذف ، اضافه و ویرایش نمائید. ۸) قرار دادن تگ های Block در بین تگ های Inline یک عنصر Block عنصری می باشد که مجموع طول یک سطر را اشغال می کند و گذشته و سپس یک سطر وجود دارااست. یک عنصر Inline تنها به اندازه ای که نیاز دارد، عرض یک سطر را اشغال می کند، و هیچ اجباری در اشغال مجموع یک سطر وجود ندارد. ارکان html به دو مجموعه inline و block تقسیم بندی میشوند. هر تگ به صورت پیش فرض دارای خصوصیت inline و یا block میباشد. ارکان Inline با تمرکز به نوع و خصوصیت شان باید در درون ارکان block قرار بگیرند تا بتوانند با به کار گیری از این نوع از تگ ها در جریان صفحه قرار بگیرند. عنصرها block تگ هایی مانند div ،p و مواردی دیگر را مشتمل بر میشوند که بیشتر در تشکیل داد ساختار صفحات آیتم استعمال قرار میگیرند. به کار گیری از ارکان block فی مابین تگ های inline عمل نادرستی می باشد که هیچوقت اعمال ندهید، اما عناصر inline به راحتی داخل موادتشکیل دهنده block قرار خواهند گرفت. ۹) استفاده از inline style به کار گیری از روش استایل دهی inline کار غیر استانداردی نیست اما خب توصیه میکنیم از این طرز استفاده نکنید. به کارگیری از این روش یه سری مشکلات و معایب برای شما به وجود میآورد که در پی به توضیح آن میپردازیم. ۱) ارتقا حجم صفحات زمانی که از استایل دهی داخل خطی به کار گیری میکنید، حجم فایل های شما تا حد زیادی افزایش پیدا میکند و این موضوع یک نکته منفی برای سایت شما محسوب میشود؛ از آنجایی که موتورهای جستجو به سرعت لود تارنما مداقه زیادی میدهند، سنگین شدن صفحه ها، تاثیر نامناسبی بر سئوی وب سایت شما میگذارد. ۲) ویرایش سخت کدها دستکاری کدهایی که به صورت inline استایل دهی شدند، ایرادات زیادی دارد، به خصوص هنگامی که تعداد خطوط کدهای شما خیلی بالاست یا یکسری فایل غیروابسته دارید، یافت کردن این استایل ها و تغییر تحول اونها یک کار سخت و در برخی موارد حتی غیر ممکن میباشد. ۳) ساخت و ساز خلل برای کدهای css خارجی استایل هایی که به صورت inline به صفحه ها html داده شدند، نسبت به استایل های خارجی الویت بالاتری داراهستند و همین گزینه سبب ساز ساخت و ساز برخی ایرادات میگردد. از جمله هنگامی که میخواید تعدادی تگ رو با یک کلاس خاص استایل دهی کنید و یک کدام از این تگ ها یک استایل درون خطی داراست ممکن هست آن استایل درون خطی نظم کدهای شما رو بهم زده و از کار کردن استایل خارجی پرهیز کند. ۱۰) به کار گیری بیش از حد از تگ br تگ br برای تشکیل داد فاصله و ناکامی تنها یک خط در متن گزینه استعمال قرار می گیرد . استعمال از تگ br برای تشکیل داد فاصله هایی بیشتر از یک خط بین خطوط و یا موادسازنده دیگر غلط می باشد . برای ساخت و ساز فاصله بیشتر از یک خط در میان خطوط میتوانید به راحتی از تگهای p و یا خصویت padding و margin و حتی line-height به کار گیری فرمایید .
۱) استفاده نادرست از لیست ها ul ، ol در جای مایحتاج در html ما روی هم رفته دو نوع لیست داریم : لیست شمارشی یا تر و تمیز: برای نمایش این لیست از تگ استفاده میکنیم. لیست غیر شمارشی یا به هم ریخته: برای نمایش این لیست از تگ طراحی سایت در مشهد به کار گیری می کنیم، که معمولا برای ساخت و ساز منو در سایت به کارگیری میشود. داخل هر دو تگ و از تگ برای ساخت گزینه استعمال میشود. در واقع بدون تگ تگ ul و ol کاربردی ندارند. این تگ ها برای لیست کردن مطالب ساخته شده اند و فعالیت با آنها بسیار معمولی و ریلکس هست و توانگری های بسیاری را برای کنترل لیست به وسیله css تولید خواهد نمود . استفاده از تگ های p ، br و هر نوع دیگر از کدهای htmlبه غیر از تگ های تعریف و تمجید شده لیست ها ، برای شکل دهی یک لیست فعالیت اشتباهی می باشد که نباید اجرا دهید. ۲) استعمال از تگهای s ، strike و del برای نمایش متن های حذف شده شما با استفاده از تگ del در html میتوانید روی محتوایی که باطن این تگ قرار گرفته یک خط بکشیم. تگ s و strike هم در اچ تی ام ال برای کشیدن خط روی متن استعمال میشود، این دو تگ مشابه تگ del کار می کنند ولی از دید معنایی با هم تفاوت دارند از جمله ممکن میباشد شما محتوای “فرصت جامع آموزش طراحی وب سایت” را بر روی کاغذ سایت خود منتشر نمایید ولی مثلا به مناسب عید نوروز تصمیم بگیرید به مخاطبان خود ۳۰ درصد تخفیف دهید با استعمال از تگ del میتوانید بر روی قیمت گذشته یک خط بکشید و آن گاه قیمت تازه را درج کنید. در نسخه های جدید از تگهای del برای نشان دادن متن حذف شده و از تگ ins برای نماد دادن متن وارد شده به جای متن حذف شده به هم پا هم به کار گیری میشود. بنابراین دچار خطا نشوید و از strike و s به کارگیری نکنید.. این نوع از تگ ها با ورود نسخه های جدیدی دگرگون شده اند و تگ های strike و s که قبلا برای این منظور به کار گیری می شده اند دیگر کاربردی نخواهند داشت و استفاده از آنها غیر استاندارد و به نوعی نادرست خواهد بود. عده ای که این نوشتهی علمی را تحقیق کرده اند به تحقیق مقالات تحت نیز علاقه علامت داده اند: پنج نادرست کشنده کارفرمایان در پیشنهاد طراحی وب سایت رازهای به کارگیری از تصاویر در ساخت وب سایت ۳) استعمال نکردن از تگهای Heading حتما از عنایت تگ های heading – h1,h2,h3,h4,h5,h6 – در طراحی و سئوی سایت با خبر هستید از این تگ ها برای مشخص و معلوم نمودن راز فصل ها و عنا وین برای مطالب منتشر شده در وب سایت با تمرکز به سکو اهمیت آنها استعمال میشود همین الان متنی که دارید رسیدگی میفرمایید دارای تگهای هدینگ گوناگون هست که با تمرکز به مضمون و عناوین میان متون قرار داده ام. سر فصل هایی که با تگهایی غیر از تگهای Heading ایجاد شده اند در مرورگرهای متنی قابل تشخیص نخواهند بود و همچنین از لحاظ موتورهای جستجو اهمیتی نخواهند داشت. استفاده از انواع تگ های دیگر و به کار گیری از CSS برای تغییرو تحول ظاهری عناصری غیر از تگهای heading ، برای ایجاد کرد راز فصل نادرست بزرگی خواهد بود. ۴) اضافه نکردن alt image به تصاویر در وبسایت استفاده از alt برای تصاویر به بازدیدکنندگان صفحه ها وبسایت شما و همچنین موتورهای جستجو کمک میکند تا موضوع تصویر منتشر شده در تارنما شما را تشخیص دهند. موتورهای جستجو به توضیحات یا همان alt تصاویر خیلی دقت می کنند و این alt ها روی سئوسایت شما نیز اثر بسیار مثبتی داراست. برای استاندارد بودن کدهای htmlخود مطلقا این نکته را رعایت کنید، این نکته زمانی پر رنگ تر و اساسی تر میشود که مخاطبان شما از سرعت اینترنت زیر و یا مرورگرهای متنی به کارگیری میکنند و یا به هر دلیلی این تصویر در مرورگر بازدیدکننده تارنما شما نمایش داده نشده هست . از این خصوصیت حتیدر وقتی که توضیحی برای تصویر خود ندارید نیز استعمال فرمائید و از کلمات کلیدی فرعی خود در آن استفاده نمائید. ۵) استعمال از تگهای b ،I ،strong ،em برای bold و italic کردن متن ۱) متن مورد نظر را بولد می کند بدون اینکه از دید معنایی اهمیتی بیشتری برای آن در نظر بگیرد. ۲) متن ها کار کشته را معلوم میکند، از نظر ظاهری متن مورد نظر تفاوتی با وقتی که عنصر را روی آن اعمال میکنیم ندارد؛ اما از دید معنایی این تگ التفات بیشتری به متن ما میبخشد و زمانی از آن استفاده میگردد که بخواهیم به مخاطب بفهمانیم متن مورد نظر ما مهم هست. ۳) کجی متون را معلوم میکند اما از حیث معنایی التفات بیشتری برای آن در حیث نمی گیرد. ۴) برای متونی استفاده میشود که بر آن تاکید گردیده است و از حیث معنایی اهمیت بیشتری به متن ما میدهد، از لحاظ ظاهری تفاوتی با زمانی که از تگ برای متن ها استفاده میکنیم ندارد. در حالتی که شما به سئو و سئوی وبسایت خود التفات می دهید بهتر است از تگ های strong و em به صورت بدون واسطه در کدhtml به جای تگهای b و i و همچنین style ها به کارگیری نمائید . بدین نکته بسیار مهم اعتنا داشته باشید که تگ های b و i تگهای نمایشی هستند و تگهای strong و em تگ های مفهومی و نمایشی می باشند، مضمون این پاراگراف این خواهد بود که متن ها به وسیله b و i فقط یک تغییرو تحول شرایط ظاهری پیدا کرده اند و به همین ادله مورد دقت موتورهای جستجو قرار نخواهند گرفت، ولی با استعمال از تگهای strong و em شما به هم پا تغییرات ظاهری یک شخصیت نیز به متن خود خواهید داد و اعلام خواهید کرد که این متن در باطن این نوع از تگ ها از التفات بیشتری بهره مند خواهد بود. در مواردی مخاطبان شما از مرورگرهای متنی سوای به کار گیری از style ها استعمال خواهند کرد که در این حالت تفاوتی مابین لغت ها bold و italic شده به وسیله CSS با سایر کلمات نخواهند مشاهده کرد و این خلل باعث کاهش خوانایی مطالب شما میگردد و لغات با سکو عنایت بیشتر مورد اعتنا مخاطب قرار نخواهد گرفت. اموزش کدنویسی سایت ۶) استعمال از تگهای blink و marquee marquee نام تگی هست که اولین بار بوسیله مرورگر اینترنت اکسپلورر (Internet Explorer) معرفی شد، این تگ با غرض متحرک سازی متن، تصویر و… در صفحات به صورت های مختلف، مثلا اسکرول در جهات متعدد با قابلیت تنظیم سرعت، رنگ و بعضا ویژگی های دیگر ارائه گردید و در حال حاضر توسط اکثر مرورگرهای وب به نه حمایت میشود. بعضی آن را با تگ مشابه blink مقایسه می کنند که اما marquee با blink تفاوتهای زیادی دارد، به این دلیلکه از تگ blink تنها جهت ایجاد متن ها و لینک های چشمک زن به کار گیری میشود، اما تگ marquee، گستره استفاده جامعتری داراست و برای اسکرول متن یا تصویر با قابلیت های بیشتر، کاربرد دارااست؛ با این وجود کنسرسیوم جهانی وب W3C، به دلایلی سفارش می کند که از آن در طراحی صفحه ها وب، استعمال نشود که خود جای درنگ داراست. ۷) اضافه و حذف کردن border در تگ html در استاندارد های امروزی استعمال از این نوع خصوصیت به صورت مستقیم در تگ هایhtml سفارش نمیشود و بهتر هست به جای استعمال از این خصوصیت در تگهایhtml چشم پوشی کنید و تغییرات مورد نظر خود را با استفاده از خصوصیت border در CSS جاری ساختن دهید. Border ها یکی از از سایر از خصوصیات تعدادی از موادتشکیل دهنده htmlهستند که شما میتوانید با استفاده از این خصوصیت به صورت مستقیم در تعدادی از تگ هایhtml آنها را حذف ، اضافه و ویرایش نمائید. ۸) قرار دادن تگ های Block در بین تگ های Inline یک عنصر Block عنصری می باشد که مجموع طول یک سطر را اشغال می کند و گذشته و سپس یک سطر وجود دارااست. یک عنصر Inline تنها به اندازه ای که نیاز دارد، عرض یک سطر را اشغال می کند، و هیچ اجباری در اشغال مجموع یک سطر وجود ندارد. ارکان html به دو مجموعه inline و block تقسیم بندی میشوند. هر تگ به صورت پیش فرض دارای خصوصیت inline و یا block میباشد. ارکان Inline با تمرکز به نوع و خصوصیت شان باید در درون ارکان block قرار بگیرند تا بتوانند با به کار گیری از این نوع از تگ ها در جریان صفحه قرار بگیرند. عنصرها block تگ هایی مانند div ،p و مواردی دیگر را مشتمل بر میشوند که بیشتر در تشکیل داد ساختار صفحات آیتم استعمال قرار میگیرند. به کار گیری از ارکان block فی مابین تگ های inline عمل نادرستی می باشد که هیچوقت اعمال ندهید، اما عناصر inline به راحتی داخل موادتشکیل دهنده block قرار خواهند گرفت. ۹) استفاده از inline style به کار گیری از روش استایل دهی inline کار غیر استانداردی نیست اما خب توصیه میکنیم از این طرز استفاده نکنید. به کارگیری از این روش یه سری مشکلات و معایب برای شما به وجود میآورد که در پی به توضیح آن میپردازیم. ۱) ارتقا حجم صفحات زمانی که از استایل دهی داخل خطی به کار گیری میکنید، حجم فایل های شما تا حد زیادی افزایش پیدا میکند و این موضوع یک نکته منفی برای سایت شما محسوب میشود؛ از آنجایی که موتورهای جستجو به سرعت لود تارنما مداقه زیادی میدهند، سنگین شدن صفحه ها، تاثیر نامناسبی بر سئوی وب سایت شما میگذارد. ۲) ویرایش سخت کدها دستکاری کدهایی که به صورت inline استایل دهی شدند، ایرادات زیادی دارد، به خصوص هنگامی که تعداد خطوط کدهای شما خیلی بالاست یا یکسری فایل غیروابسته دارید، یافت کردن این استایل ها و تغییر تحول اونها یک کار سخت و در برخی موارد حتی غیر ممکن میباشد. ۳) ساخت و ساز خلل برای کدهای css خارجی استایل هایی که به صورت inline به صفحه ها html داده شدند، نسبت به استایل های خارجی الویت بالاتری داراهستند و همین گزینه سبب ساز ساخت و ساز برخی ایرادات میگردد. از جمله هنگامی که میخواید تعدادی تگ رو با یک کلاس خاص استایل دهی کنید و یک کدام از این تگ ها یک استایل درون خطی داراست ممکن هست آن استایل درون خطی نظم کدهای شما رو بهم زده و از کار کردن استایل خارجی پرهیز کند. ۱۰) به کار گیری بیش از حد از تگ br تگ br برای تشکیل داد فاصله و ناکامی تنها یک خط در متن گزینه استعمال قرار می گیرد . استعمال از تگ br برای تشکیل داد فاصله هایی بیشتر از یک خط بین خطوط و یا موادسازنده دیگر غلط می باشد . برای ساخت و ساز فاصله بیشتر از یک خط در میان خطوط میتوانید به راحتی از تگهای p و یا خصویت padding و margin و حتی line-height به کار گیری فرمایید .