محتوای یک سند html یا صفحه وب با محتوای عناصر html تعیین می شود.
عناصر HTML
یک عنصر HTML همه چیز بین تگ شروع (باز کردن) و پایان (بستن) است.
نحو عنصر html
- عنصر HTML با شروع می شود برچسب باز کردن/شروع.
- عنصر HTML به پایان می رسد برچسب بسته شدن/پایان.
- محتوای عنصرهمه چیز بین تگ های باز و بسته است.
- برخی از عناصر ممکن است خالی.
- عناصر خالی فقط شامل افتتاحبرچسب زدن
- اکثر عناصر html می توانند داشته باشند ویژگی های.
(در فصل های بعدی آموزش بیشتر در مورد ویژگی ها خواهید آموخت.)
عناصر تو در تو
اکثر عناصر html را می توان در داخل یکدیگر قرار داد. یک سند HTML از عناصر تودرتو تشکیل شده است.
مثال
این اولین پاراگراف من است.
مثال بالا سه عنصر دارد:
1.
عنصر
برای درج یک پاراگراف در یک صفحه وب استفاده می شود. دارای برچسب باز و بسته شدن محتوای این عنصر در مثال ما کتیبه "این اولین پاراگراف من است" است.
2.
عنصر
توصیف قسمت قابل مشاهدهمحتوای صفحه وب دارای برچسب باز و بسته شدن حاوی یک عنصر است
با مطالب شما
3.
عنصر
توصیف تمام htmlسند دارای برچسب باز و بسته شدن در حال حاضر دو عنصر تودرتو در آن وجود دارد.
و
تگ پایانی را فراموش نکنید
اکثر مرورگرها html شما را به درستی رندر می کنند حتی اگر فراموش کرده باشید که تگ بسته شدن را اضافه کنید. با این حال، این می تواند منجر به خطاها و نتایج غیرقابل پیش بینی شود.
توجه! نسخه های آینده HTML از فراموش شدن برچسب های بسته جلوگیری می کند.
عناصر HTML خالی
عناصر HTML بدون محتوا عناصر خالی نامیده می شوند. عناصر خالی از یک تگ تشکیل شده است.
یک عنصر خالی است که برچسب بسته شدن ندارد (برای نمایش نوار افقی استفاده می شود).
در XHTML، XML و نسخه های بعدی HTML، همه عناصر باید بسته شوند. برای انجام این کار، تنها کاری که باید انجام دهید این است که بعد از نام تگ یک اسلش که با فاصله از هم جدا شده است اضافه کنید
. این یک عادت خوب است که در آینده به کارتان خواهد آمد.
سلام به خوانندگان عزیز وبلاگ ما بخش "ایجاد یک سایت از ابتدا" و به ویژه موضوع برچسب ها را ادامه می دهیم و امروز برچسب هایی را که در هر صفحه وب وجود دارد در نظر خواهیم گرفت - , و
. یک برچسب دیگر وجود دارد که باید در هر سند HTML وجود داشته باشد و قبلاً در یکی از مقالات قبلی در مورد آن نوشتم - بنابراین ما به آن دست نخواهیم داد.
در مقالات قبلی ستون، در مورد خلقت نوشتم فایل خالیدر فرمت html در واقع از آن در مقاله حرفه ای استفاده شد (در آنجا تگ های عنوان اعمال شد). اکنون مستقیماً این فایل را با توضیحات کامل ویرایش می کنیم.
و اجازه دهید مقاله را با ویرایش فایل ایجاد شده شروع کنیم. من شخصاً نام آن را index.html گذاشتم، اما نام آن می تواند هر چیزی باشد. آن را با هر ویرایشگر متنی باز کنید (بهتر است از Notepad++ استفاده کنید، زیرا دارای برجسته کردن کد و سایر ابزارهای مفید است). و بلافاصله تگ ها را به آن اضافه کنید ,
و دقیقا به ترتیبی که نوشته شده اند. فراموش نکنید که آنها را همانطور که در تصویر نشان داده شده است ببندید. سند به شکل زیر خواهد بود:
حال معنای هر تگ را جداگانه در نظر بگیرید. جای تعجب نیست که آنها در همه هستند. سند HTML.
توابع برچسب
بنابراین برچسب است
ظرف(). در داخل آن تمام محتوای قابل مشاهده و نامرئی صفحه وب (از جمله برچسب ها) وجود دارد و ). برچسب باز کردن بلافاصله پس از اعلام Doctype و بسته شدن می آیددر انتهای سند قرار دارد. بنابراین، برای مرورگر روشن می کند که پردازش سند را از کجا شروع کند و کجا آن را پایان دهد.
از نظر تئوری، او خودش می تواند بفهمد که چه چیزی و چگونه. گذشته از همه اینها ؟ این یک مترجم زبان HTML است و بعید است که از وسط سند شروع به پردازش کند و قبل از رسیدن به پایان آن را تمام کند. این سوال البته قابل بحث است، اما من همیشه فکر می کردم (و اکنون از نظر خود دست بر نمی دارم) که نوشتن این برچسب اجباری است.
حتی با توجه به اینکه عملکرد این تگ فقط در است محدود کردن محتوا، ویژگی های خاص خود را دارد (که در حال حاضر یا اصلا استفاده نمی شود یا بسیار کم استفاده می شود). که در منابع مختلفویژگی هایی که با یکدیگر متفاوت هستند نشان داده شده است، بنابراین من جرات ارائه نسخه صحیح را ندارم.
تنها چیزی که می توانم با اطمینان بگویم این است که اکثر ویژگی ها توسط HTML 4.01 پشتیبانی نمی شوند یا نامطلوب هستند. من یک مثال برای شما می زنم. - راهنمای ابزار در هر نقطه از سند. به عنوان مثال، هنگامی که ماوس خود را روی یک تصویر می‌کشید، ممکن است متن بازشو را مشاهده کنید. همچنین در مورد این تگ:
و در اینجا چیزی است که وقتی ماوس را روی سندی با این محتوا نگه دارید مشاهده خواهید کرد:
استفاده از آن ترجیح داده می شود ویژگی عنواندر برچسب نیست ، اما در هر بخش خاص دیگری از صفحه. اولاً راحت است و ثانیاً موتورهای جستجو با سایت شما بهتر برخورد خواهند کرد. این تگ مستقیماً بر بهینه سازی منابع تأثیر نمی گذارد. جلوتر می رویم.
تابع برچسب
و بعدی در صف است
برچسب زدن
. شامل همه است
اطلاعات فنیدر مورد صفحه ای که به مرورگر و موتورهای جستجو کمک می کند. تگ یک تگ کانتینری است و بلافاصله پس از آن دنبال می شود ، فقط بر خلاف آخرین، تگ بسته شدندر انتهای سند ظاهر نمی شود، بلکه قبل از تگ افتتاحیه ظاهر می شود .
در چه اطلاعاتی می توان یافت
? اما هیچ کدام. همه چیز در این برچسب فقط با مشاهده کد منبع صفحه برای چشم انسان قابل دسترسی است. تمام مطالب این تگ برای
موتورهای جستجوو مرورگرها. تنها چیزی که می توانید به نوعی ببینید برچسب است
، که عنوان پنجره صفحه وب را بر عهده دارد. به عنوان مثال:</p>
<p><img src='https://i2.wp.com/monetavinternete.ru/wp-content/uploads/2013/01/Title-v-tege-head.png' align="center" width="100%" loading=lazy loading=lazy></p>
<p>متن بعد از آیکون محتوای تگ است <title>. حالا بیایید به محتوا نگاه کنیم. <head>، که ما نمی توانیم ببینیم، اما بخش بسیار مهمی است <b>ایجاد و ارتقای سایت</b>اول از همه، این خط است</p><p>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</p><p>این متا تگ برای <b>نوع محتوای صفحه</b>(نوع محتوا). که در <a href="https://bumotors.ru/fa/vosstanovit-faily-posle-udaleniya-v-kakih-sluchayah-dannye-vernut.html">این مورد</a>، این <a href="https://bumotors.ru/fa/html-kody-otstup-kak-v-html-sdelat-otstupy-dlya-teksta-i-kartinok-kak-ubrat.html">کد html</a>در رمزگذاری UTF-8 (content="text/html; charset=UTF-8"). بعدی می آید <a href="https://bumotors.ru/fa/sostavlenie-title-vsegda-li-title-popadaet-v-snippet-teg-title-dlya-raznyh.html">برچسب عنوان</a>در بالا توضیح داده شد. سپس خطوطی می آیند که با تگ شروع می شوند <link>. نشان دهنده ارتباط با <a href="https://bumotors.ru/fa/1s-8-3-vneshnii-otchet-dlya-dokumenta-dobavlenie-vneshnego-otcheta-v.html">سند خارجی</a>. مثلا خط</p><p>
<link href="http://сайт/.../style.css" rel="stylesheet" media="screen" type="text/css" />
</p><p>نشان می دهد که فایل (rel="stylesheet") با (type="text/css") متصل است که در فلان آدرس قرار دارد (برای کاهش طول خط، نیمی از آدرس را با نقطه جایگزین کردم. ). پس از پردازش این رشته توسط مرورگر، مشخص می کند که کجا باید دریافت کنید <b>شیت های سبک آبشاری</b>.</p>
<p>به طور کلی، در <a href="https://bumotors.ru/fa/chto-znachit-head-v-html-teg-head-sozdanie-nastroika-i-naznachenie.html">برچسب سر</a>اطلاعات زیادی که می تواند برای همیشه ادامه داشته باشد. آخرین چیزی که قابل توجه است (به ویژه در مورد ) وجود برچسب های توضیحات است. <a href="https://bumotors.ru/fa/podobrat-domen-po-klyuchevym-slovam-podbiraem-domen-s-klyuchevym-slovom.html">کلید واژه ها</a>و متعارف. من استفاده می کنم <b>افزونه All in One SEO Pack</b>، بنابراین آنها در داخل حضور دارند <head>.</p>
<p>با سلام خدمت خوانندگان محترم سایت وبلاگ! در آخرین مقاله، متوجه شدیم که نوع سند چیست و مرورگرها چگونه زبان مورد استفاده را با استفاده از . برچسب در نظر گرفته شد، اما خود مفهوم (اصطلاح) چنین نبود. در این مقاله به شما خواهم گفت که تگ چیست، چرا به آن نیاز است و تگ ها چیست. همانطور که در آخرین مقاله این ستون گفتم، ما یک فایل صفحه ایجاد می کنیم که بر اساس دانش به دست آمده، آزمایش می کنیم. اما این در پایان مقاله است، اما در حال حاضر اجازه دهید به تگ HTML بپردازیم.</p>
<h3>تگ HTML چیست، انواع تگ های HTML، نمونه هایی از نوشتن</h3><b>تگ HTML</b>- ترجمه از انگلیسی <b>برچسب - برچسب</b>- کاراکترهای محصور در پرانتزهای زاویه ای و عناصر زبان نشانه گذاری فرامتن (HTML) هستند. می توان از نمادها استفاده کرد <a href="https://bumotors.ru/fa/kak-izmenit-yazyk-angliiskii-esli-voznikli-problemy-kak-na-klaviature.html">زبان انگلیسی</a>(کل اینترنت بر روی آن ساخته شده است). برچسب به نظر می رسد <strong></strong>
<p>این تگ برجسته است <a href="https://bumotors.ru/fa/kak-sdelat-zhirnyi-shrift-v-windows-7-kak-umenshit-shrift-na.html">با حروف درشت</a>. برچسب ها سه نوع هستند:</p>
<ul><li><b>برچسب باز کردن</b>- برچسب در ابتدا در مثال بالا، تگ <strong>متن آغازین است و قبل از متنی که باید انتخاب شود می آید.</li>
<li><b>برچسب بسته شدن</b>- در پایان تگ کنید <a href="https://bumotors.ru/fa/otlichitelnye-cherty-alkalinovyh-batareek-mozhno-li-zaryazhat-alkalinovye.html">انگ</a>به عنوان یک اسلش "/" قبل از کاراکترها در براکت های زاویه ای عمل می کند. بیایید دوباره به مثال بالا نگاه کنیم. برچسب بزنید</strong>پایانی است و بعد از متن می آید تا پررنگ شود</li>
<li><b>تگ های تکی</b>- برچسب هایی که برچسب بسته شدن ندارند. یک مثال می تواند باشد <br />در اینجا یک مثال از یک تگ باز و بسته است:</li>
</ul> <strong></strong>
<p>کل ساختار، از جمله متن، به شکل زیر خواهد بود:</p><p>
<strong>این متن پررنگ خواهد بود</strong>
</p><p>و هنگامی که مرورگر آن را پردازش می کند و در اختیار ما قرار می دهد، این متن به این شکل خواهد بود: <b>این متن پررنگ خواهد بود.</b>چنین چیزی نیز وجود دارد <b>برچسب های کانتینر</b>، اما این فقط یک نام عمومی برای برچسب های باز و بسته است. همانطور که در بالا نوشتم، علاوه بر تگ های کانتینر، تگ های تکی نیز وجود دارد. تفاوت این است که چنین برچسب هایی نیازی به بسته شدن ندارند. درخشان ترین و بیشترین <a href="https://bumotors.ru/fa/dublirovannyi-kontent-prichiny-i-resheniya-dublirovanie-kontenta-puti.html">مثال مکرر</a>به عنوان یک تگ خط جدید عمل می کند.</p><p>اساساً از تگ های منفرد برای درج برخی از عناصر مانند تصویر یا جدول استفاده می شود.</p>
<h3>ویژگی ها، قوانین نوشتن چیست و چرا به آنها نیاز است</h3>علاوه بر برچسب ها، به اصطلاح وجود دارد <b>ویژگی های</b>. به طور دقیق تر، نه علاوه بر این، بلکه در برچسب ها. می توان از ویژگی ها برای تنظیم استفاده کرد <a href="https://bumotors.ru/fa/sistemnye-nastroiki-windows-10-sozdanie-yarlyka-dlya-dopolnitelnyh.html">گزینه های اضافی</a>برای هر برچسب <b>ویژگی های</b>هر تگ مخصوص به خود را دارد و در این مبحث با تگ آزمایش خواهیم کرد <font>، که بدون صفات در واقع هیچ کار معقولی انجام نمی دهد. <p><b>فونت</b>یک تگ کانتینری است که برای قالب بندی متن استفاده می شود. با این تگ می توانید متن را پررنگ کنید و اندازه و فاصله خطوط را تغییر دهید - به طور کلی، هر کاری که با متن انجام می شود. یک مثال با اندازه متن در نظر بگیرید. بیایید با قرار دادن متن در یک تگ Font شروع کنیم.</p><p>
<font>متن</font>
</p><p>اکنون کمی در مورد قوانین نوشتن صفت ها. ویژگی های <b>همیشه</b>در تگ آغازین و بعد از کاراکترهای خود تگ نوشته می شود. شما می توانید چندین ویژگی را در یک تگ به هر ترتیبی بنویسید. شما می توانید ویژگی ها را در وب سایت اعتبارسنجی W3C (که در زیر در مورد آن خواهم نوشت) پیدا کنید. بنابراین در اینجا یک مثال از یک تگ فونت با ویژگی اندازه است:</p><p>
<font size="5">متن</font>
</p><p>این ویژگی در تگ فونت اندازه متن برچسب گذاری شده را تغییر می دهد. <br>اگر باز کنید <a href="https://bumotors.ru/fa/pochemu-kompyuter-ne-mozhet-prosmotret-kod-elementa-kak-posmotret.html">منبع</a>صفحه، خواهید دید که جایی که <a href="https://bumotors.ru/fa/esli-bolshoi-probel-mezhdu-slovami-vorde-kak-ubrat-razryvy.html">کلمه بزرگ</a>"متن" به نظر می رسد</p><p>
<font size="5">متن</font>
</p><p>قبلاً دیده اید که چگونه ویژگی ها نوشته می شوند. دقیقاً به همان شکلی که در تگ های دیگر نوشته می شوند: ابتدا خود ویژگی (در این مورد اندازه) را می نویسیم، سپس "=" را می گذاریم و پارامتر ویژگی را در آن قرار می دهیم. <a href="https://bumotors.ru/fa/kak-izmenit-vid-kavychek-s-pryamyh-na-dvoinye-bazovoe-redaktirovanie.html">نقل قول های دوگانه</a>. پارامترهای مشخصه را می‌توانید در همان وب‌سایت کنسرسیوم پیدا کنید <a href="https://bumotors.ru/fa/mirovaya-informacionnaya-pautina-www-vsemirnaya-pautina-perspektivy-razvitiya-vsemirnoi-pautiny.html">وب جهانی</a>.</p>
<h3>اعتبار سنج W3C، قوانین املایی و لیست برچسب چیست؟</h3>همانطور که نوشتم، تعداد زیادی تگ وجود دارد. اما کجا می توانید همه آنها را پیدا کنید؟ برای این منظور وجود دارد <b>اعتبار سنجی W3C</b> W3C- <b> <a href="https://bumotors.ru/fa/world-wide-web-v-vide-istoriya-world-wide-web-vsemirnaya-pautina-oputala.html">در سراسر جهان</a>کنسرسیوم وب،</b>و به زبان روسی - کنسرسیوم وب جهانی. کاملاً مشخص نیست، درست است؟ این جایی است که استانداردهای وب در آن توسعه می‌یابند - (زبان‌های نشانه‌گذاری فرامتن زاییده ذهن آنهاست). در رأس کل کنسرسیوم، که از آخرین مقاله شناخته شده است، تیم برنرز لی - خالق HTML است. وب سایت این سازمان w3.org است. من به شما هشدار می دهم، سایت کاملاً انگلیسی است، بنابراین یک فرهنگ لغت یا مترجم در مرورگر خود تهیه کنید. به هر حال، گوگل برای این سایت 9 و - 37000 است (اگر کسی اطلاعی نداشته باشد، همه اینها زیاد است). <p>به موضوع مقاله برمی گردیم. ما به استانداردهای زبان HNTML 4.01 علاقه مندیم. ما پیوند HTML 4.01 Specification را دنبال می کنیم، پس از آن تب عناصر را در بالا می بینیم، روی آن کلیک می کنیم. این صفحه با تمام برچسب ها است. این برچسب ها به عنوان یک استاندارد توسط یک کنسرسیوم توسعه یافته و پذیرفته شده اند. همه چیز، دوباره، به زبان انگلیسی است. بلافاصله پس از کلمات "شاخص عناصر" افسانه (معنای حروف در ستون ها) را می بینیم: <br><img src='https://i0.wp.com/monetavinternete.ru/wp-content/uploads/2012/09/Legenda-validatora-W3C.png' align="center" width="100%" loading=lazy loading=lazy></p>
<p>و درست بعد از افسانه، جدولی از خود برچسب ها وجود دارد:</p>
<p><img src='https://i2.wp.com/monetavinternete.ru/wp-content/uploads/2012/09/Tablitsa-tegov-na-sayte-W3C.png' align="center" width="100%" loading=lazy loading=lazy></p>
<ul><li>در ستون اول - <b>نام</b>- نام خود برچسب - چه چیزی باید در براکت های زاویه ای باشد (< и >).</li>
<li>ستون دوم - <b>برچسب شروع</b>- وجود یک برچسب باز کننده. که در <a href="https://bumotors.ru/fa/kak-zakrepit-verhnyuyu-stroku-v-openoffice-rabota-so-stolbcom-vvod-dannyh-na.html">این ستون</a>می توانید حرف "O" را ببینید که به معنای "اختیاری" است و از انگلیسی ترجمه شده است - اختیاری. این حرف فقط در مقابل تگ ها وجود دارد <html>, <head>, <body>و <tbody>و به این معنی است که می توانید تگ افتتاحیه را قرار دهید یا نمی توانید آن را قرار دهید - مرورگر همه کارها را انجام می دهد.</li>
<li>ستون سوم - <b>تگ پایان</b>- وجود یک برچسب بسته شدن. در مقابل این تگ هم حرف "O" و هم حرف "F" را می بینید. ارزش اولی تغییر نکرده است. حرف دوم - "F" - به معنای واقعی کلمه از انگلیسی "ممنوع" - به این معنی است که قرار دادن برچسب بسته شدن ممنوع است، به سادگی وجود ندارد. مثلاً هیچ برچسبی وجود ندارد</img>، زیرا چیزی برای بستن در آن وجود ندارد.</li>
<li>چهارم - <b>خالی</b>به این معنی است که برچسب تک (خالی) است. تمام تگ هایی که در این ستون کنارشان "E" دارند، در ستون قبلی نیز "F" دارند. گذشته از همه اینها، <a href="https://bumotors.ru/fa/chem-otlichaetsya-odinochnyi-teg-ot-parnogo-html-chto-vy-nazyvaete-tegami-kotorye-ne.html">تگ های تک</a>هیچ تعطیلی وجود ندارد همین تگ به عنوان مثال عمل می کند <img>.</li>
<li>ستون پنجم - <b>Depr.</b>یا <b>منسوخ</b>- از انگلیسی "توصیه نمی شود". اگر این ستون حاوی حرف "D" باشد (که دقیقاً همان حرف است) به این معنی است <a href="https://bumotors.ru/fa/windows-exif-iptc-redaktor-tegov-kak-izmenit-exif-dannye-fotografii-v-exif-farm.html">برچسب داده شده</a>برای استفاده در HTML توصیه نمی شود. با نگاهی به آینده، امروز برای طراحی هر دو متن و <a href="https://bumotors.ru/fa/mozhno-li-ispolzovat-linux-v-ofise-ne-narushaya-zakon-lichnyi-opyt-vneshnii-vid.html">ظاهر</a>کل سایت و سند HTML از شیوه نامه های آبشاری استفاده می کند - CSS. به طور خلاصه و ساده، یک فایل ایجاد می شود که در آن تمام پارامترهای متنی که می توان با ویژگی های برچسب خاصی فراخوانی کرد، نوشته شده است. پس اینجاست <a href="https://bumotors.ru/fa/u-dannoi-funkcii-argumentov-net-excel-osnovnye-vstroennye-funkcii-excel.html">عملکرد داده شده</a>فقط در وب سایت ها استفاده می شود، زیرا CSS هنگام ارسال اخبار از طریق پست یا RSS قابل استفاده نیست. اینجاست که تگ ها به کار می آیند. اتفاقاً اکثر این برچسب ها به طراحی متن مربوط می شوند ( <font>و <Center>نمونه هستند)</li>
<li>ستون ششم - <b>DTD</b>- می تواند یک حرف داشته باشد <b>"L"</b>، یا <b>اف</b>. اولین - <b>"L"</b> - <b>DTD شل</b>- یعنی تگ مقابل که هست <a href="https://bumotors.ru/fa/what-will-drive-letter-change.html">نامه داده شده</a>، فقط در یک نوع سند انتقالی قابل استفاده است (<!DOCTYPE>- انتقالی که در مقاله قبلی در مورد آن نوشتم). دومین - <b>اف</b> — <b>فریم مجموعه DTD</b>- به این معنی است که برچسب فقط می تواند در یک سند از نوع FRAMESET استفاده شود (<!DOCTYPE>- مجموعه قاب). اگر حرف گم شده باشد، می توان از برچسب در همه انواع اسناد استفاده کرد.</li>
<li>و آخرین ستون هفتم - <b>شرح</b> — <a href="https://bumotors.ru/fa/kak-dobavit-udalennoe-ustroistvo-v-windows-10-obzor-skrytyh.html">توضیح کوتاه</a>برچسب، دوباره به زبان انگلیسی</li>
</ul><p>ویژگی‌ها در همان صفحه مشخصات HTML 4.01 قرار دارند، اما قبلاً در برگه «ویژگی‌ها» قرار دارند. ویژگی های بسیار بیشتری نسبت به برچسب ها وجود دارد. و دوباره همه چیز را نقطه به نقطه امضا خواهم کرد.</p>
<ul><li>ستون اول - <b>نام</b>- همانطور که در مورد برچسب ها - نام ویژگی. همه چیز به زبان انگلیسی است، اما داشتن <a href="https://bumotors.ru/fa/pochemu-v-wot-bolshoi-ping-ispolzovanie-prostyh-programm-bazovye-znaniya-i.html">دانش عمومی</a>می توانید حدس بزنید که این یا آن ویژگی چه می کند.</li>
<li>ستون دوم - <b>عناصر مرتبط</b>لیستی از تمام برچسب هایی است که از هر ویژگی استفاده می کنند. همه برچسب‌ها به هم مرتبط هستند، بنابراین می‌توانید مستقیماً به اطلاعات مربوط به برچسب بروید.</li>
<li>ستون سوم - <b>نوع</b>- این همه است <a href="https://bumotors.ru/fa/raspolozhenie-druzei-v-vkontakte-znachenie-vozmozhnye-druzya.html">مقادیر ممکن</a>یک ویژگی خاص به عنوان مثال، در مقابل انتخاب ما <a href="https://bumotors.ru/fa/atribut-size-elementa-input-type-text-ustanavlivaet-opisanie-parametrov-tega.html">ویژگی اندازه</a> V <a href="https://bumotors.ru/fa/teg-cvet-shrifta-v-html-zadaem-cvet-teksta-atribut-color-tega.html">برچسب فونت</a>ارزش CDATA را دارد. ما بعداً آن را در نظر خواهیم گرفت و به طور خلاصه، مجموعه خاصی از گزینه های اندازه (در این مورد) است. پس از همه، شما می توانید هم پیکسل و هم درصد بنویسید</li>
<li>ستون چهارم - <b>پیش فرض</b>- نشان می دهد که آیا ویژگی در یک برچسب خاص مورد نیاز است یا خیر. به عنوان مثال، در <a href="https://bumotors.ru/fa/atribut-alt-tega-img-kak-propisat-atribut-alt-k-kartinke-pravilno.html">تگ img</a>ویژگی src مورد نیاز است، زیرا منبعی را که باید از آن تصویر گرفته شود را نشان می دهد.</li>
<li>ستون های 6، 7 و 8 همان معنایی هستند که در مورد برچسب ها وجود دارد.</li>
</ul><p>همه موارد فوق فقط برای <a href="https://bumotors.ru/fa/versiya-stranicy-html-dlya-pechati-css-stili-dlya-pechati-o-kotoryh-ya-zabyl.html">نسخه های HTML</a> 4.01. در مقاله ای دیگر در مورد HTML 5 صحبت خواهیم کرد و همچنین به XHTML خواهیم پرداخت. و اکنون، همانطور که قول داده بودم، یک صفحه در آن ایجاد خواهیم کرد <a href="https://bumotors.ru/fa/bazovye-znaniya-html-css-dlya-nachinayushchih-yazyk-html-dlya-nachinayushchih-kak.html">زبان HTML</a>که روی آن آزمایش خواهیم کرد.</p>
<h3>ایجاد یک فایل html - سند HTML</h3>
<p>اول از همه، بیایید بفهمیم چیست <b>سند HTML</b>. و این در واقع فایل موجود است <a href="https://bumotors.ru/fa/stranichnye-bloki-pravilo-page-kak-izmenit-url-stranic-v-wordpress.html">فرمت HTML</a>. و تمام صفحات وب هستند <a href="https://bumotors.ru/fa/struktura-html-dokumenta-osnovnye-tegi-primer-sozdanie-dokumenta-html-v.html">اسناد HTML</a>. به عنوان مثال، هنگامی که به سایت وارد می شوید <a href="https://bumotors.ru/fa/razblokirovat-stranicu-v-odnoklassnikah-po-nomeru-telefona-blokirovka.html">نوار آدرس</a>در پایان می توان بعد از آدرس ".html" یا ".htm" مشاهده کرد. در اینجا فایلی با این پسوند است که ما ایجاد خواهیم کرد. به طور کلی، اگر می خواهید در سایت آزمایش کنید، و نه در صفحه، بهتر است ایجاد کنید <a href="https://bumotors.ru/fa/kakie-byvayut-topologii-lokalnyh-setei-konfiguraciya-topologiya.html">سرور محلی</a>- دنور (که می خواهم همه چیز را در مورد آن بنویسم).</p>
<p>با توجه به اینکه من حتی در مورد برچسب های موجود در هر صفحه صحبت نکرده ام، به سادگی یک فایل با هر نام و پسوند html ایجاد می کنیم. امکان (و بهترین) استفاده از آن وجود دارد <b>Notepad++</b>، زیرا در این <a href="https://bumotors.ru/fa/prilozheniya-dlya-obrabotki-tekstovoi-informacii-dlya-obrabotki-tekstovoi.html">ویرایشگر متن</a>از برجسته سازی کد استفاده می شود که هنگام ویرایش کد بسیار راحت است و می توانید فایل ها را در فرمت های مختلف ذخیره کنید. همچنین برنامه هایی وجود دارد که هنگام تایپ کد، نتیجه بلافاصله در فرم پردازش شده ظاهر می شود.</p>
<p>پس فقط باید باز کنیم <b>Notepad++</b>و فایل را با <a href="https://bumotors.ru/fa/sochetanie-klavish-chtoby-vydelit-vse-polnyi-spisok-goryachih-klavish-windows.html">متن آزاد</a>(می تواند خالی باشد)، اما در قالب html. برای انجام این کار، طبق معمول، بر روی فایل کتیبه کلیک کنید، سپس "save as" را انتخاب کنید و به دنبال بین باشید <a href="https://bumotors.ru/fa/yandeks-statistika-bolshogo-spiska-zaprosov-chto-ishchut-v-internete.html">لیست بزرگ</a>پسوندها <b>فایل زبان نشانه گذاری HyperText</b>(پسوند فایل)". این در واقع همه چیز است. اولین خطوط را در مقاله بعدی با عنوان "ایجاد سایت از ابتدا" به این فایل اضافه می کنیم.</p> XML برای استفاده گسترده در نظر گرفته شده است، کاراکترها به مجموعه کاراکترهای ASCII 7 بیتی محدود نمی شوند. کاراکترهای مجاز در XML سه نویسه کنترل CO استاندارد ASCII هستند <a href="https://bumotors.ru/fa/kak-napechatat-formuly-dobavlenie-chasto-ispolzuemyh-formul-ili-teh-chto-byli.html">شخصیت های منظم</a>این استاندارد و تقریباً همه موارد دیگر <a href="https://bumotors.ru/fa/skolko-simvolov-v-tablice-unicode-yunikod-v-vebe-vvedenie-dlya.html">کاراکترهای یونیکد</a>
<h3>نام ها</h3><p>در XML، همه نام ها باید با یک حرف، نماد شروع شوند <a href="https://bumotors.ru/fa/tegi-html-podcherkivanie-nizhnee-podch-rkivanie-html-ili-kak-ukrasit-svoi.html">زیرخط</a>(_) یا دو نقطه (:) و فقط با کاراکترهای معتبر برای نام ها ادامه دهید، یعنی فقط می توانند حروفی داشته باشند که در بخش حروف گنجانده شده است. <a href="https://bumotors.ru/fa/yavnoe-ukazanie-tipa-stolbca-izmenenie-kodirovki-strok-s-unicode-na-ascii.html">رمزگذاری های یونیکد</a>، اعداد عربی، خط تیره، زیرخط، نقطه و دو نقطه. با این حال، نام ها در هر صورت نمی توانند با یک رشته xml شروع شوند. نام هایی که با این کاراکترها شروع می شوند برای استفاده توسط W3C محفوظ هستند. باید به خاطر داشت که از آنجایی که حروف منحصراً محدود نیستند <a href="https://bumotors.ru/fa/izvestno-chto-v-kodovoi-tablice-ascii-simvoly-kodirovka-ascii-american-standard-code-for.html">کاراکترهای اسکی</a>، سپس در نام ها می توانید از کلمات استفاده کنید <a href="https://bumotors.ru/fa/kak-pomenyat-yazyk-na-ebay-pokupki-na-ebay-na-rodnom-yazyke.html">زبان مادری</a>.</p> <h3>ساختار سند XML</h3><p>هر سند XML از بخش های زیر تشکیل شده است:</p><ul><li>پیش درآمد اختیاری</li>
<li>بدنه سند.</li>
<li>پایانی اختیاری به دنبال درخت عنصر.</li>
</ul><p>بیایید هر یک از قسمت ها را با جزئیات بیشتری در نظر بگیریم.</p> <h3>پیش درآمد سند XML.</h3><p>یک سند XML با یک مقدمه شروع می شود. پرولوگ حاوی نکاتی برای تجزیه کننده XML و برنامه های کاربردی است.</p><p>مقدمه شامل چند بخش است:</p><ol><li>یک اعلان XML اختیاری که بین کاراکترها محصور شده است<?...?>. آگهی حاوی: <ul><li>علامت xml و شماره نسخه (نسخه) مشخصات XML؛</li>
<li>نشانه ای از رمزگذاری کاراکتر (رمزگذاری) که در آن سند نوشته شده است (به طور پیش فرض encoding = "UTF-8").</li>
<li>پارامتر مستقل که می تواند مقادیر "بله" یا "خیر" را بگیرد (به طور پیش فرض مستقل = "بله"). "بله" نشان می دهد که سند حاوی تمام اعلامیه های عنصر مورد نیاز است و "نه" نشان می دهد که DTD های خارجی مورد نیاز است.</li>
</ul><p>همه اینها با هم ممکن است به این شکل باشد:</p>
<p><?xml version ="1.0" encoding="windows-1251" standalone="yes"?>.</p>
<p>توجه به این نکته مهم است که در اعلان XML، فقط ویژگی نسخه مورد نیاز است، همه ویژگی‌های دیگر را می‌توان حذف کرد و بنابراین مقادیر پیش‌فرض را می‌توان حذف کرد. همچنین باید به خاطر داشته باشید که تمام این ویژگی ها باید فقط به ترتیب بالا مشخص شوند.</p>
</li>
<li>نظرات.</li>
<li>پردازش دستورات</li>
<li>نمادهای فضای خالی</li>
<li>اختیاری <span>اظهارنامه نوع سند</span>، DTD (اعلام نوع سند) که بین نمادها محصور شده است<!DOCTYPE...>و ممکن است چندین خط را پوشش دهد. این قسمت تگ های استفاده شده در سند را اعلام می کند یا پیوندی به فایلی که حاوی چنین اعلان هایی است ارائه می دهد.</li>
</ol><p>بعد از <span>اظهارنامه نوع سند</span>نظرات، دستورات پردازش و کاراکترهای فضای خالی نیز ممکن است دنبال شوند.</p><p>از آنجایی که همه این قسمت ها اختیاری هستند، می توان از پیش درآمد حذف شد.</p> <h3>بدنه سند XML.</h3><p>بدنه سند از یک یا چند عنصر تشکیل شده است. در یک سند XML که به خوبی شکل گرفته است، عناصر یک درخت سلسله مراتبی ساده را تشکیل می دهند که در آن <span>عنصر ریشه</span>( عنصر ریشه ) که در آن همه عناصر دیگر سند تودرتو هستند. <a href="https://bumotors.ru/fa/rasshirennye-yazyki-razmetki-dannyh-sgml-xml-smotret-chto-takoe-xml-v-drugih.html">زبان XML</a>محدودیت بسیار مهمی را بر عناصر تحمیل می کند - آنها باید به درستی تو در تو باشند. این باعث می‌شود که یک سند XML در یک سند دیگر بدون نقض ساختار سند بسیار آسان باشد <span>عنصر ریشه</span>سند فرعی به سادگی تبدیل به یکی از عناصر سندی می شود که در آن تودرتو شده است. این ما را به محدودیت دیگری می‌رساند، یعنی اینکه نام عناصر باید در یک سند منحصر به فرد باشد، زیرا همان نام‌ها در یک سند شامل می‌توانند معنای کاملاً متفاوتی نسبت به یک سند حاوی داشته باشند. برای حل مشکل تلاقی نام ها، مفهوم فضای نام معرفی شده است.</p><p>نام عنصر ریشه به عنوان نام کل سند در نظر گرفته می شود و در قسمت دوم مقدمه بعد از کلمه Doctype مشخص می شود. اگر DTD داخل یک سند XML باشد، پس از نام عنصر ریشه در براکت مربع قرار می گیرد:</p><p><!DOCTYPE имя_корневого_элемента [описание DTD ]></p><p>اما معمولاً یک DTD برای چندین سند XML به طور همزمان تعریف می شود. در این مورد، نوشتن آن به طور جداگانه از سند، و سپس به جای آن راحت است <a href="https://bumotors.ru/fa/calculator-with-curly-and-square-brackets-the-complexity-of-calculating-school-examples.html">براکت های مربع</a>یکی از کلمات System یا Public به دنبال آدرسی به شکل URI (شناسه منبع یکسان) یک فایل با تعریف DTD نوشته می شود. برای تمام اهداف عملی، یک URI معادل در نظر گرفته می شود <a href="https://bumotors.ru/fa/oformlenie-gruppy-v-vkontakte-url-adres-gruppy-vkontakte-menyu-s-gorizontalnym.html">URL ها</a>، اگرچه در اصل می تواند هر نام منحصر به فردی باشد. برای مثال، یک تعریف DTD ممکن است به شکل زیر باشد:</p><p><!DOCTYPE root_element_name SYSTEM "DTD.dtd"></p> <h3>فضای نام XML</h3><p>از آنجایی که اسناد XML مختلف ممکن است حاوی نام‌های یکسانی از برچسب‌ها و ویژگی‌های آنها باشند که معانی کاملاً متفاوتی دارند، لازم است بتوانیم آنها را به نحوی متمایز کنیم. برای انجام این کار، نام تگ ها و ویژگی ها با یک پیشوند کوتاه ارائه می شود که با یک دونقطه از نام جدا می شود. پیشوند نام با یک شناسه مرتبط است که مشخص می کند <span>فضای نام</span>(فضای نام). همه نام‌های تگ و ویژگی که پیشوندهایشان با یک شناسه مرتبط است، از یکی تشکیل می‌دهند <span>فضای نام</span>، جایی که نام ها باید منحصر به فرد باشند. پیشوند و شناسه فضای نام با ویژگی xmlns به صورت زیر تعریف می شوند:</p><p><ns:root_element_name xmlns:ns = "http://URI_namespace"></p><p>در ادامه، نام تگ‌ها و ویژگی‌هایی که می‌خواهیم به فضای نام «http://URI_namespace» ارجاع دهیم با ns پیشوند می‌شوند، برای مثال:</p><p><ns:city ns:type="город">نووسیبیرسک</ns:city>.</p><p>ویژگی xmlns می تواند در هر عنصر XML ظاهر شود، نه فقط عنصر ریشه. پیشوند تعریف شده توسط آن را می توان برای عنصری که ویژگی xmlns در آن نوشته شده است، و به تمام عناصر تو در تو در آن اعمال کرد. علاوه بر این، چندین فضای نام را می توان بر روی یک عنصر تعریف کرد. در عناصر تو در تو <span>فضای نام</span>را می توان با مرتبط کردن پیشوند با یک شناسه دیگر لغو کرد. وجود یک نام برچسب بدون پیشوند در یک سند با استفاده از <span>فضای نام</span>، به این معنی است که نام متعلق به فضای نام پیش فرض است. پیشوندهایی که در هر صورت با کاراکترهای xml شروع می شوند برای خود زبان XML محفوظ هستند.</p><p>نام همراه با پیشوند، نام توسعه یافته یا واجد شرایط نامیده می شود. قسمتی از نام که بعد از کولون خوانده می شود <a href="https://bumotors.ru/fa/trueconf-server-programmnye-videokonferencii-v-hd-kachestve.html">بخش محلی</a>نام.</p>
<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+
";"+Math.random()+
"border='0' width='1' height='1' loading=lazy loading=lazy>");</script>
</div>
<div class="post-social-counters-block">
<div style="margin-top: 12px">
<noindex></noindex>
</div>
</div>
</div>
</div>
<a name="comments"></a>
<h3 class="best-theme-posts-title">برترین مقالات مرتبط</h3>
<div class="container-fluid">
<div class="best-theme-posts row">
<div class="theme-post col-sm-4">
<a href="https://bumotors.ru/fa/radmin-viewer-kakoi-port-nuzhno-otkryt-podklyuchenie-radmin-cherez-internet-s-pomoshchyu.html">
<div class="img_container"><img src="/uploads/9a4aac646a17120c61783933d99f7c1a.jpg" border="0" alt="اتصال Radmin از طریق اینترنت با استفاده از سرویس No-IP DDNS" width="320" height="180" / loading=lazy loading=lazy></div>
<span class="theme-post-link">اتصال Radmin از طریق اینترنت با استفاده از سرویس No-IP DDNS</span>
</a>
</div>
<div class="theme-post col-sm-4">
<a href="https://bumotors.ru/fa/rambler-pochta-besplatnaya-registraciya-rambler-pochta.html">
<div class="img_container"><img src="/uploads/f120a8c3928ffb8aba5f95432ed2b892.jpg" border="0" alt="نامه Rambler - صندوق پستی رامبلر ایمیل را وارد کنید" width="320" height="180" / loading=lazy loading=lazy></div>
<span class="theme-post-link">نامه Rambler - صندوق پستی رامبلر ایمیل را وارد کنید</span>
</a>
</div>
<div class="theme-post col-sm-4">
<a href="https://bumotors.ru/fa/ne-vklyuchaetsya-noutbuk-ustanavlivaem-prichinu-reshaem-problemu.html">
<div class="img_container"><img src="/uploads/071f479e72e91c65d1655ec5b798d97a.jpg" border="0" alt="بازیابی سیستم Packard Bell لپ تاپ Packard bell بوت نمی شود" width="320" height="180" / loading=lazy loading=lazy></div>
<span class="theme-post-link">بازیابی سیستم Packard Bell لپ تاپ Packard bell بوت نمی شود</span>
</a>
</div>
</div>
</div>
</div>
<a name="comments"></a>
</div>
<div class="right-column col-sm-4 col-md-4">
<div class="write">
<span class="tags-title">دسته بندی ها:</span>
<ul style="height: 286px;" id="right-tags" data-tagscount="18" data-currentmaxtag="10" class="tags">
<li class=""><a href="https://bumotors.ru/fa/category/programs/">برنامه ها</a></li>
<li class=""><a href="https://bumotors.ru/fa/category/safety/">ایمنی</a></li>
<li class=""><a href="https://bumotors.ru/fa/category/windows-10/">ویندوز 10</a></li>
<li class=""><a href="https://bumotors.ru/fa/category/iron/">اهن</a></li>
<li class=""><a href="https://bumotors.ru/fa/category/windows-8/">ویندوز 8</a></li>
<li class=""><a href="https://bumotors.ru/fa/category/vkontakte/">در تماس با</a></li>
<li class=""><a href="https://bumotors.ru/fa/category/errors/">اشتباهات</a></li>
</ul>
</div>
<div class="banner">
</div>
</div>
</div>
</div>
<div style="clear:both"></div>
</div>
<div class="footer">
<div class="subscribe">
<div class="main-wrapper container">
<div class="row">
<div class="col-sm-8">
</div>
<div class="col-sm-4">
<div class="social">
<a href="https://vk.com/share.php?url=https://bumotors.ru/otkryvayushchii-i-zakryvayushchii-tegi-otlichayutsya-simvolom-chto-takoe-html-tegi-i.html" class="vk social-ico"></a>
<a href="https://www.facebook.com/sharer/sharer.php?u=https://bumotors.ru/otkryvayushchii-i-zakryvayushchii-tegi-otlichayutsya-simvolom-chto-takoe-html-tegi-i.html" class="fb social-ico"></a>
<a href="https://www.twitter.com/share?url=https%3A%2F%2Fbumotors.ru%2Ffa%2Fotkryvayushchii-i-zakryvayushchii-tegi-otlichayutsya-simvolom-chto-takoe-html-tegi-i.html" class="tw social-ico"></a>
</div>
</div>
</div>
</div>
</div>
<div class="info">
<div class="main-wrapper container">
<div class="row">
<span class="footer-info col-xs-12">© 2023 bumotors.ru. نحوه راه اندازی گوشی های هوشمند و رایانه های شخصی. پرتال اطلاعاتی</span>
</div>
</div>
</div>
</div>
</body>
</html> 