عکس هنرپیشه ها

عکس هنرپیشه ها

عکس هنرپیشه ها

  • پنل اعضا

  • آمار بازدید

    • کل (online):۳۶۷۷
    • اعضاء (online):۰
    • میهمان (online):۳۶۷۷
    • بازدید امروز::۲۵۰
    • بازدید دیروز::۲۰۹۴۳
    • بازدید کل::۴۷۳۸۴۶۹۰
  • نظرسنجی

    کرونا ساخت کجاست؟

  • تبلیغات

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

جهت ارسال مطالب خود بایستی ،عضو سایت باشید.

سبد خرید

چند لحظه صبر كنيد ...

چند لحظه صبر كنيد ...
اين کالا به سبد خريد شما اضافه شد
اين کالا را قبلا به سبد خريد خود اضافه کرده ايد
کالا مورد نظر از سبد خريد شما حذف شد
{ STORE_ERROR }
حذف شود؟
  • کد رهگیری

06 مهر 1399 |

خوش آمديد!
خوش آمديد!

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

جهت ارسال مطالب خود بایستی ،عضو سایت باشید.

دسته بندی

  • ده اشتباه بزرگ در HTML که نباید مرتکب شوید

  • یادگیری اصول کدنویسی کار بسیار پیچیده ای نیست اما آشنایی و تسلط بر این قوانین و رعایت اصول استاندارد و صحیح در کدنویسی نیاز به تجربه و کار فراوان دارد . در این مجموعه به بررسی ده اشتباه بزرگ در نوشتن کدهای HTML میپردازیم که رعایت آنها می تواند در استاندارد سازی کدهای HTML شما تاثیر بسیاری داشته باشد . شاید بتوان گفت تفاوت یک طراح وب سایت حرفه ای و آماتور در رعایت همین اصول و قوانین است که در زیر به ده مورد از آنها اشاره میشود .
  • تعداد بازدید : ۳۸۸۹
    تاریخ نشر : 09 آذر 1390

ده اشتباه بزرگ در HTML که نباید مرتکب شوید

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

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

 

قرار دادن تگهای Block در بین تگ های Inline

قبلا در مورد تگهای Inline و block مطلبی در این وبلاگ با عنوان آشنایی با عناصر Inline , Block منتشر شده است . عناصر HTML به دو گروه inline و block تقسیم بندی می شوند . هر تگ به صورت پیش فرض دارای خصوصیت inline و یا block است . عناصر block تگهایی مانند div , p و مواردی دیگر را شامل میشند که بیشتر در ایجاد ساختار صفحات مورد استفاده قرار میگیرند . عناصر Inline با توجه به نوع و خصوصیت شان باید در درون عناصر block قرار بگیرند تا بتوانند با استفاده از این نوع از تگها در جریان صفحه قرار بگیرند .

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

1
2

آموزش طراحی وب سایت

آموزش طراحی وب سایت

اضافه نکردن خصوصیت alt به تصاویر

استفاده از خصوصیت alt برای تصاویر یک قانون است . برای استاندارد بودن کدهای HTML خود حتما این نکته را رعایت کنید .استفاده از alt برای تصاویر به بازدیدکنندگان صفحات وب سایت شما و همچنین موتورهای جستجو کمک میکند تا موضوع تصویر منتشر شده در وب سایت شما را تشخیص دهند . این نکته زمانی پر رنگ تر و مهم تر میشود که مخاطبان شما از سرعت اینترنت پایین و یا مرورگرهای متنی ( مانند موتورهای جستجو ) استفاده میکنند و یا به هر دلیلی این تصویر در مرورگر بازدیدکننده وب سایت شما نمایش داده نشده است . از این خصوصیت حتی در هنگامی که توضیحی برای تصویر خود ندارید نیز استفاده نمائید و مقدار آن را خالی بگزارید . میتوانید در مورد اهمیت این خصوصیت برای تصاویر مطلب بهینه سازی تصاویر – آموزش بهینه سازی سایت – #۷ را نیز مطالعه نمائید .

استفاه نکردن از خصوصیت alt برای تصاویر یک اشتباه بزرگ است ..

1
2
3
webtarget.ir logo

استفاده نکردن از لیست ها – ul , ol – در جای لازم

تگهای ul,ol,li برای لیست کردن مطالب ساخته شده اند و کار با آنها بسیار ساده و راحت است و توانایی های بسیاری را برای کنترل لیست به وسیله css ایجاد خواهد نمود . استفاده از تگهای p , br و هر نوع دیگر از کدهای HTML به غیر از تگهای تعریف شده لیست ها ، برای شکل دهی یک لیست کار اشتباهیست که هرگز نباید انجام شود .

1
2
3
4
5
    طراحی وب سایت
 
    بهینه سازی وب سایت
 
    آموزش طراحی سایت 
 
 
1
2
3
4
5
      
    • طراحی وب سایت
      
    • بهینه سازی وب سایت
      
    • آموزش طراحی سایت 

    استفاده از تگهای b,I,strong,em برای bold و italic کردن متن بدون در نظر گرفتن موتورهای جستجو

    تگهای b و i میتوانند یک متن و یا کلمه را به حالت bold و Italic تغییر دهند . شاید با وجود CSS و توانائیهای فوق العاده در کنترل متن ها به ذهن شما برسد که از این ابزار برای راحتی کار خود استفاده نمائید . توانائیهای font-weight و font-style میتوانند جایگزین خوبی برای b و i باشند اما مشکلاتی را نیز خواهد داشت . در مواردی مخاطبان شما از مرورگرهای متنی بدون استفاده از style ها استفاده خواهند کرد که در اینصورت تفاوتی مابین کلمات bold و italic شده توسط CSS با سایر کلمات نخواهند دید و این مشکل باعث کاهش خوانایی مطالب شما می شود و کلمات با درجه اهمیت بیشتر مورد توجه مخاطب قرار نخواهد گرفت .

    اگر شما به بهینه سازی وب سایت خود برای موتورهای جستجو اهمیت می دهید بهتر است از تگهای strong و em به صورت مستقیم در کد HTML به جای تگهای b و i و همچنین style ها استفاده نمائید . به این نکته بسیار مهم توجه داشته باشید که تگ های b و i تگهای نمایشی هستند و تگهای strong و em تگهای مفهومی و نمایشی هستند .

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

    بنابراین سعی کنید از این نوع از تگها در جای مناسب خود استفاده نمائید .از b و i در زمانی که نیازی به پر اهمیت کردن متن داخل این تگها نیست و فقط می خواهید شکل ظاهری را تغییر دهید و از strong و em در مواردی که علاوه بر شکل ظاهری می خواهید درجه اهمیت متن داخل آن را نیز نسبت به سایر کلمات افزایش دهید استفاده نمائید .

    1
    2
    3
    4
    5
    6
    webtarget.ir
    webtarget.ir
    webtarget.ir
    webtarget.ir
    webtarget.ir
    webtarget.ir

    استفاده بیش از حد از تگ br

    تگ br برای ایجاد فاصله و شکست تنها یک خط در متن مورد استفاده قرار می گیرد . استفاده از تگ br برای ایجاد فاصله هایی بیشتر از یک خط در بین خطوط و یا عناصر دیگر اشتباه است . برای ایجاد فاصله بیشتر از یک خط در بین خطوط می توانید به راحتی از تگهای p و یا خصویت padding و margin و حتی line-height استفاده نمائید .

    1
    2
    3
    4
    Webtarget.ir

     
    طراحی هدفمند وب سایت
     
    1
    2
    webtarget.ir
    طراحی هدفمند وب سایت 

    استفاده از تگهای s , strike برای نمایش متن های حذف شده

    در نسخه های قدیمی تری از HTML از این دو نوع تگ برای نشان دادن کلمات حذف شده ( Strikethrough ) – با ایجاد یک خط بر روی آنها – استفاده می شده است . این نوع از تگ ها با ورود نسخه های جدیدی از HTML دگرگون شده اند و تگهای strike و s که قبلا برای این منظور استفاده می شده اند دیگر کاربردی نخواهند داشت و استفاده از آنها غیر استاندارد خواهد بود .

    در نسخه های جدید از تگهای del – برای نشان دادن متن حذف شده – و از تگ ins – برای نشان دادن متن وارد شده به جای متن حذف شده – به همراه هم استفاده می شود .

    بنابراین دچار اشتباه نشوید و از strike و s استفاده نکنید .

    1
    2
    کلمه حذف شده
    کلمه حذف شده
    1
    کلمه حذف شدهکلمه جایگزین شده

    استفاده از inline style

    هر چند که از style ها می توان به سه روش متفاوت استفاده نمود و یکی از این سه روش استفاده از style های inline در داخل هر تگ است . اما توصیه میشود که از inline style استفاده کمتری نمائید . استفاده از style های inline یک کار غیر استاندارد نیست اما دارای مشکلات و معایبی است که میتواند ما را برای استفاده از این نوع از style منصرف کند .

    • ویرایش این نوع از style با توجه به خطی بودن آنها بسیار مشکل است و با افزایش تعداد سندهای HTML گاهی به کار غیر ممکنی تبدیل می شود .
    • این نوع از style حجم صفحات را به شدت افزایش می دهد و این نکته ای بسیار منفی است .
    • کدها را به هم ریخته و ناخوانا خواهند کرد و ویرایش کد ها را – از نظر خوانایی – بسیار سخت خواهد نمود .
    • گاهی کدهای CSS خارجی را دچار مشکل می کنند – کدهای inline بر کدهای CSS خارجی تقدم دارند –

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

    اما به صورت عمومی استفاده از inline style توصیه نمی شود .

    1

    webtarget.ir

    اضافه و حذف کردن border در تگ HTML

    Border ها یکی دیگر از خصوصیات تعدادی از عناصر HTML هستند که شما می توانید با استفاده از این خصوصیت به صورت مستقیم در تعدادی از تگهای HTML آنها را حذف ، اضافه و ویرایش نمائید .

    در استاندارد های امروزی استفاده از این نوع خصوصیت به صورت مستقیم در تگهای HTML توصیه نمی شود و بهتر است به جای استفاده از این خصوصیت در تگهای HTML چشم پوشی نمائید و تغییرات مورد نظر خود را با استفاده از خصوصیت border در CSS انجام دهید . شما با استفاده از CSS توانایی بیشتری در کنترل این خصوصیت خواهید داشت .

    1

     
    1
    2
    Img { border:none; }

    استفاده نکردن از تگهای Heading

    حتما از اهمیت تگ های heading – h1,h2,h3,h4,h5,h6 – با خبر هستید . قبلا مطالبی در مورد اهمیت این تگها در چینش صفحات و همچنین اهمیت آنها برای موتورهای جستجو منتشر شده است .

    استفاده مناسب از عنوان ها – آموزش بهینه سازی سایت – #۸

    اهمیت تگ های h1,h2,h3,h4,h5,h6 در چینش صفحات وب سایت

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

    استفاده از انواع تگهای دیگر و استفاده از CSS برای تغییر ظاهری عناصری غیر از تگهای heading ، برای ایجاد سرفصل اشتباه بزرگی خواهد بود . سر فصل هایی که با تگهایی غیر از تگهای Heading ایجاد شده اند در مرورگرهای متنی قابل تشخیص نخواهند بود و همچنین از نظر موتورهای جستجو اهمیتی نخواهند داشت .

    1
    یک متن برای سر فصل
    1

    یک متن برای سر فصل

    استفاده از تگهای blink و marquee

    جدای از غیر استاندارد اعلام شدن این تگ ها توسط سازمان جهانی استانداردهای وب wc3 ، استفاده از این نوع از تگها در طراحی شما میتواند فاجعه ساز شود !!

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

    1
    2
    به من نگاه کنید 
    This is an example of an alternating marquee...


     


     

    منبع :‌ وب تارگت
     





    حاصل جمع را بنویسید : به اضافه






    *حاصل جمع را بنویسید : به اضافه



    تعداد بازدید : ۳۸۸۹
    تاریخ نشر : 09 آذر 1390

    دسته بندی

    مطالب

    گالری

    دانلود

    اخبار

    فیلم

    123
    Bootstrap Slider

    Copyrightes 2014 By RVKP CO. All Rightes Reserved