شناسه های منحصر به فرد در صفحات وب
با توجه به W3C، شناسه ID در HTML است:
یک شناسه منحصر به فرد برای عنصر
این یک توصیف بسیار ساده از یک ویژگی بسیار قدرتمند است. ویژگی شناسه می تواند چندین اقدام برای صفحات وب انجام دهد:
- Select a Style Sheet - این تابع است که بیشتر مردم از ویژگی ID برای استفاده می کنند. از آنجا که آنها منحصر به فرد هستند، می توانید مطمئن باشید که تنها با استفاده از یک ویژگی ID، تنها یک مورد در صفحه وب شما ظاهر می شود. ناکامی در استفاده از شناسه برای اهداف یک ظاهر طراحی شده است که دارای سطح بسیار بالایی از ویژگی است، که اگر در بعضی از موارد در یک شیوه نامه نیاز به لغو سبک داشته باشید، می توانید آن را بسیار چالش برانگیزید. به همین دلیل، شیوه های وب فعلی به سمت استفاده از کلاس ها و انتخابگرهای کلاس به جای شناسه ها و انتخاب شناسه ها برای اهداف ظریف طراحی عمومی متکی هستند.
- لنگرهای نامگذاری شده برای لینک دادن به - مرورگرهای وب به شما اجازه می دهند مکان دقیق در اسناد وب خود را با اشاره به شناسه در انتهای URL مشخص کنید. به سادگی این شناسه را به انتهای URL صفحه اضافه کنید، قبل از یک علامت پوند (#) اضافه کنید. شما همچنین می توانید با اضافه کردن علامت پوند (#) و نام شناسه در صفت href برای یک عنصر با این صفحه با این صفحه مرتبط شوید. به عنوان مثال، اگر تقسیم با شناسه تماس داشته باشید ، می توانید به آن در آن صفحه با این پیوند:
این متن لینک است - مرجع برای اسکریپت ها - اگر شما هر توابع جاوا اسکریپت را بنویسید، می خواهید از ویژگی شناسه استفاده کنید تا بتوانید عناصر دقیق روی صفحه را با اسکریپت های خود تغییر دهید.
- پردازش دیگر - شناسه به شما اجازه می دهد تا اسناد وب خود را به هر نحوی که لازم دارید پردازش کنید. به عنوان مثال، شما ممکن است HTML را به یک پایگاه داده استخراج کنید، و ویژگی شناسه فیلد را شناسایی می کند.
قوانین استفاده از شناسه ID
چندین قاعده که باید دنبال کنید تا یک سند معتبر داشته باشید که از ویژگی id در هر جای سند استفاده می کند:
- شناسه باید با یک حرف (az یا AZ) شروع شود
- تمام کاراکترهای بعدی می توانند حروف، اعداد (0-9)، اشکال (-)، تاکید (_)، کولون ها (:) و دوره ها (.) باشد.
- هر شناسه باید درون سند منحصر به فرد باشد. چرا؟
با استفاده از شناسه شناسه
هنگامی که یک عنصر منحصر به فرد از وب سایت خود را شناسایی کرده اید، می توانید از سبک های سبک استفاده کنید تا تنها آن عنصر را سبک کنید.
تماس با ما
برخی از مطالب متن در اینجا وجود دارد
div # contact-section {background: # 0cf؛}
-یا فقط-
# contact-section {background: # 0cf؛}
هر یک از این دو انتخابگر کار خواهند کرد. اولین بخش (div # contact-section) یک تقسیم با شناسه ID "contact-section" را هدف قرار می دهد. دومین (# contact-section) هنوز عنصر را با شناسه «بخش تماس» هدف قرار می دهد، فقط نمی داند که آنچه که دنبال آن است، تقسیم است. نتیجه نهایی یک ظاهر کاملا دقیق خواهد بود.
شما همچنین می توانید بدون اضافه کردن هر برچسب به این عنصر خاص پیوند دهید:
پیوند به اطلاعات تماس
ارجاع به پاراگراف در اسکریپت های شما با روش جاوا اسکریپت getElementById:
document.getElementById ("contact-section")
ویژگی های شناسه هنوز در HTML بسیار مفید هستند، حتی اگر انتخابگرهای کلاس آنها را برای اغلب اهداف یکپارچه سازی عمومی جایگزین کرده اند. توانایی استفاده از شناسه ID به عنوان یک قلاب برای سبک ها، در حالی که همچنین استفاده از آنها به عنوان لنگر برای لینک ها و یا اهداف برای اسکریپت، به این معنی است که آنها هنوز هم در طراحی وب سایت امروز جایگاه مهمی دارند.
ویرایش توسط جرمی جیرارد