logo

TechCodeview

Введення в XHTML

XHTML або Розширювана мова гіпертекстової розмітки це суміш HTML і XML, дуже схожа на HTML але суворіше. Це як збірник правил для створення веб-сторінок, які легко розуміють браузери. На відміну від HTML, ви повинні бути обережними і точно дотримуватися правил. Більшість браузерів підтримують його. Просто подумайте про це як про більш точний спосіб написання веб-коду.

Зміст



історія

Він був розроблений Консорціумом Всесвітньої павутини (W3C) і допомагає веб-розробникам переходити з HTML на XML. За допомогою XHTML розробники можуть увійти у світ XML із усіма його функціями, забезпечуючи при цьому зворотну та майбутню сумісність вмісту. Сімейство XHTML включає три типи документів; перший — XHTML 1.0, рекомендований W3C 26 січня 2000 р. Другий — XHTML 1.1, рекомендований W3C 31 травня 2001 р.

Третій — XHTML5, стандарт, який використовується для розробки XML-адаптації специфікації HTML5. Документ XHTML повинен мати декларацію XHTML.

Елементи XHTML:



Елемент XHTML опис
> Використовується для оголошення визначення типу документа (DTD), визначення правил для мови розмітки, забезпечення належного відтворення в браузерах.
> Охоплює весь документ HTML або XHTML, слугуючи кореневим елементом.
> Містить метаінформацію про документ, таку як заголовок, набір символів, пов’язані таблиці стилів та інші важливі елементи.
> Вкладений у розділ заголовка, визначає назву документа, що відображається в рядку заголовка або на вкладці браузера.
> Містить вміст веб-сторінки, включаючи текст, зображення, посилання та інші елементи HTML. Він представляє видиму частину документа, що відображається в браузері.

Під час створення веб-сторінки XHTML необхідно включити декларацію DTD (Document Type Definition). Існує три типи DTD, які обговорюються нижче:

Перехідний DTD:

Він підтримується старими браузерами, які не мають вбудованої підтримки каскадних таблиць стилів. Кілька атрибутів вкладено в тег body, які не дозволені в строгому DTD.

Синтаксис: 

 PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'DTD/xhtml1-transitional.dtd'>>

приклад: У цьому прикладі ми побачимо код для написання документа XHTML із прикладом.



html




xml version='1.0' encoding='UTF-8'?> Перехідний DTD XHTMLtitle> head> <body bgcolor='#dae1ed'> <div>font-weight:bold;text-align:center; margin-bottom:-25px;'>techcodeview.comdiv><p style='text-align:center;font-size:20px;'>Портал інформатики><p style='text-align:center;font-size:20px;'>Можливість вибору місяця:<select name='month'> <option selected='selected'>Січень><option>Лютий варіант><option>Marchoption><option>Квітневий варіант><option>Mayoption><option>червневий варіант><option>Липневий варіант><option>Augusyoption><option>Вересневий варіант><option>жовтневий варіант><option>Листопадовий варіант><option>Decemberoption> select> p> body> html>></code></td> </tr> </tbody> </table> <p></p> <i id='output-icon' title='Output'></i> <p></p> <pre class='hljs'>></pre> <p></p> <i id='copy-url-button' title='Copy Generated Ide URL'></i> <p></p> <pre class='hljs'>></pre> <p></p><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/latex-partial-derivative">часткова диференціація в латексі</a> </blockquote> <p dir='ltr'> <b> <strong>Вихід:</strong> </b> </p> <p> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction.webp' alt="перехідний dtd xhtml"><span> </span></p> <h2 id='strict-dtd'> <b> <strong>Строгий DTD:</strong> </b> <span> </span></h2> <p dir='ltr'><span>Строгий DTD використовується, коли сторінка XHTML містить лише мову розмітки. Строгий DTD використовується разом із каскадними таблицями стилів, оскільки цей атрибут не дозволяє властивості CSS у тегу body.</span></p> <h3> <b> <strong>Синтаксис:</strong> </b> </h3> <pre class='hljs'> PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'DTD/xhtml1-strict.dtd'>></pre> <p dir='ltr'> <b> <strong>приклад 2:</strong> </b> <span>У цьому прикладі ми побачимо код для написання документа XHTML із прикладом для суворого DTD.</span></p> <h2>html</h2> <i id='copy-code-button' title='Copy Code'></i> <p></p> <p> <i id='run-and-edit-button' title='Edit Code' lang='xml'></i> <br> </p> <p> <i id='run-code-button' lang='xml' title='Run Code and See Output'></i> </p> <p> <i id='generate-url-and-run-button' title='Run Code and Generate IDE URL' lang='xml'></i> <br> <i title='Dark Mode'></i> <br> <i id='edit-on-ide-button' title='Edit on IDE' lang='xml'></i> </p> <p></p> <table class="table"> <tbody> <tr> <td> <code class='hljs'>xml version='1.0' encoding='UTF-8'?> <html xmlns=' http://www.w3.org/1999/xhtml ' xml:lang='en' lang='en'> <head> <title>Строгий DTD XHTMLtitle> head> <body> <div>font-weight:bold;text-align:center; margin-bottom:-25px;'>techcodeview.comdiv><p style='text-align:center;font-size:20px;'>Портал інформатики><p style='text-align:center;font-size:20px;'>Можливість вибору місяця:<select name='month'> <option selected='selected'>Січень><option>Лютий варіант><option>Marchoption><option>Квітневий варіант><option>Mayoption><option>червневий варіант><option>Липневий варіант><option>Augusyoption><option>Вересневий варіант><option>жовтневий варіант><option>Листопадовий варіант><option>Decemberoption> select> p> body> html>></code></td> </tr> </tbody> </table> <p></p> <i id='output-icon' title='Output'></i> <p></p> <pre class='hljs'>></pre> <p></p> <i id='copy-url-button' title='Copy Generated Ide URL'></i> <p></p> <pre class='hljs'>></pre> <p></p> <p dir='ltr'> <b> <strong>Вихід:</strong> </b> </p> <p><span> </span> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction-2.webp' alt="строгий dtd xhtml"><span> </span></p> <h2 id='frameset-dtd'> <b> <strong>Frameset DTD:</strong> </b> <span> </span></h2> <p dir='ltr'><span>DTD набору фреймів використовується, коли сторінка XHTML містить фрейми. Цей DTD ідентичний перехідному DTD HTML 4.01, за винятком моделі вмісту елемента HTML.</span></p> <h3> <b> <strong>Синтаксис:</strong> </b> </h3> <pre class='hljs'> PUBLIC '-//W3C//DTD XHTML 1.0 Frameset//EN' 'DTD/xhtml1-frameset.dtd'>></pre> <p dir='ltr'> <b> <strong>приклад 2:</strong> </b> <span>У цьому прикладі ми побачимо код для написання документа XHTML із прикладом для фреймів DTD.</span></p> <h2>html</h2> <i id='copy-code-button' title='Copy Code'></i> <p></p> <p> <i id='run-and-edit-button' title='Edit Code' lang='xml'></i> <br> </p> <p> <i id='run-code-button' lang='xml' title='Run Code and See Output'></i> </p> <p> <i id='generate-url-and-run-button' title='Run Code and Generate IDE URL' lang='xml'></i> <br> <i title='Dark Mode'></i> <br> <i id='edit-on-ide-button' title='Edit on IDE' lang='xml'></i> </p> <p></p> <table class="table"> <tbody> <tr> <td> <code class='hljs'>xml version='1.0' encoding='UTF-8'?>http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd '><html xmlns=' http://www.w3.org/1999/xhtml ' xml:lang='en' lang='en'> <head> <title>Frameset DTD XHTMLtitle> head><frameset cols='30%, 20%, *'> <frameset rows='40%, 30%, *'> <frame src='gfg.html' /> <frame src='gfg1.html' /> <frame src='geeks.html' />набір кадрів><frameset rows='40%, 60%'> <frame src='g4g.html' /> <frame src='g4g1.html' />набір кадрів><frameset rows='20%, 20%, 30%, *'> <frame src='geeksforgeeks.html' /> <frame src='geeksforgeeks1.html' /> <frame src='geeksforgeeks2.html' /> <frame src='geeksforgeeks3.html' />frameset> frameset> html>></code></td> </tr> </tbody> </table> <p></p> <i id='output-icon' title='Output'></i> <p></p> <pre class='hljs'>></pre> <p></p> <i id='copy-url-button' title='Copy Generated Ide URL'></i> <p></p> <pre class='hljs'>></pre> <p></p> <p dir='ltr'> <b> <strong>Вихід:</strong> </b> </p> <h2 id='why-use-xhtml'> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction-3.webp' alt="набір кадрів dtd xhtml"> <b> <strong>Навіщо використовувати XHTML?</strong> </b> </h2> <ul> <li value='1'><span>Документи XHTML перевіряються за допомогою стандартних інструментів XML.</span></li> <li value='2'><span>Це легко підтримувати, конвертувати, редагувати документ у довгостроковій перспективі.</span></li> <li value='3'><span>Він використовується для визначення стандарту якості веб-сторінок.</span></li> <li value='4'><span>XHTML є офіційним стандартом W3C, ваш веб-сайт стає більш сумісним і точним з багатьма браузерами.</span></li> </ul> <h2 id='benefits-of-xhtml'> <b> <strong>Переваги XHTML:</strong> </b> </h2> <ul> <li value='1'><span>Усі теги XHTML повинні мати закриваючі теги та бути правильно вкладеними. Це генерує чистіший код.</span></li> <li value='2'><span>Документи XHTML є економічними, що означає, що вони використовують меншу пропускну здатність. Це зменшує витрати, особливо якщо ваш веб-сайт містить тисячі сторінок.</span></li> <li value='3'><span>Документи XHTML добре відформатовані, їх можна легко транспортувати на бездротові пристрої, пристрої для зчитування шрифтом Брайля та інші спеціалізовані веб-середовища.</span></li> <li value='4'><span>Усі нові розробки будуть у форматі XML (програмою якого є XHTML).</span></li> <li value='5'><span>XHTML працює разом із CSS для створення веб-сторінок, які можна легко оновлювати.</span></li> </ul> <h2 id='difference-between-html-and-xhtml'> <b> <strong>Різниця між HTML і XHTML:</strong> </b> </h2> <table class="table"> <tbody><tr> <th><span>HTML</span></th> <th><span>XHTML</span></th> </tr> </tbody><tbody> <tr> <td><span>HTML або HyperText Markup Language є основною мовою розмітки для створення веб-сторінок</span></td> <td><span>XHTML (Extensible HyperText Markup Language) — це сімейство мов розмітки XML, які відображають або розширюють версії широко використовуваної мови розмітки гіпертексту (HTML).</span></td> </tr> <tr> <td><span>Гнучка структура, яка потребує м’якого синтаксичного аналізатора HTML</span></td> <td><span>Обмежувальна підмножина XML, яку потрібно аналізувати за допомогою стандартних парсерів XML</span></td> </tr> <tr> <td><span>Запропонований Тімом Бернерсом-Лі в 1987 році</span></td> <td><span>Рекомендація Консорціуму World Wide Web у 2000 році.</span></td> </tr> <tr> <td><span>Застосування стандартної узагальненої мови розмітки (SGML).</span></td> <td><span>Застосування XML</span></td> </tr> <tr> <td><span>Розширено з SGML.</span></td> <td><span>Розширено з XML, HTML</span></td> </tr> </tbody> </table> <br> <br></article> </div><!--//content--> </div><!--//section-inner--> </section><!--//section--> </div><!--//primary--> <div class="secondary col-md-4 col-sm-12 col-xs-12"> <aside class="info aside section"> <div class="section-inner"> <h2 class="">Категорія</h2> <div class="content"> <ul class="list-unstyled"> <li> <a href="/ruby-basics/">Основи Ruby</a> </li><li> <a href="/csharp-file-handling/">Csharp-Обробка Файлів</a> </li><li> <a href="/typescript-tutorial/">Підручник З Typescript</a> </li><li> <a href="/java-vector-class/">Клас Java Vector</a> </li><li> <a href="/python-functions/">Функції Python</a> </li><li> <a href="/python-dictionary-programs/">Програми-Словники Python</a> </li><li> <a href="/canada-gk/">Канада Г.к.</a> </li><li> <a href="/python-function-programs/">Функціональні Програми Python</a> </li><li> <a href="/uml-tutorial/">Підручник З Uml</a> </li><li> <a href="/maths-class-10-cat/">Математика-Клас-10</a> </li> </ul> </div><!--//content--> </div><!--//section-inner--> </aside><!--//aside--> <aside class="testimonials aside section"> <div class="section-inner"> <h2 class="heading">Помилка сегментації в C</h2> <div class="content"> <div class="item"> <blockquote class="quote"> <span> <i class="fa fa-quote-left"></i> Помилка сегментації в C з підручником, мова C із прикладами програмування для початківців і професіоналів, що охоплюють поняття, покажчики на C, структури C, об’єднання c, рядки c тощо.</span> </blockquote> </div><!--//item--> <p> <a class="more-link" href="/segmentation-fault-c"> <i class="fa fa-external-link"></i> Читати Далі</a> </p> </div><!--//content--> </div><!--//section-inner--> </aside><!--//section--> <aside class="languages aside section"> <div class="section-inner"> <h2 class="heading">Цікаві Статті</h2> <div class="content"> <ul class="list-unstyled"> <li class="item"> <span class="title"> <strong> <a href="/sql-vs-pl-sql-vs-t-sql">SQL проти PL/SQL проти T-SQL</a> </strong> </span> </li><!--//item--><li class="item"> <span class="title"> <strong> <a href="/math-queries/">Математичні Запити</a> </strong> </span> </li><!--//item--><li class="item"> <span class="title"> <strong> <a href="/half-adder">Половина суматора</a> </strong> </span> </li><!--//item--><li class="item"> <span class="title"> <strong> <a href="/periodic-table-elements">Періодична система елементів</a> </strong> </span> </li><!--//item--><li class="item"> <span class="title"> <strong> <a href="/12-best-asvab-practice-tests-study-with-1311230">12 найкращих практичних тестів ASVAB для вивчення</a> </strong> </span> </li><!--//item--> </ul> </div><!--//content--> </div><!--//section-inner--> </aside><!--//section--> <aside class="list music aside section"> <div class="section-inner"> <h2 class="heading">Популярні Пости</h2> <div class="content"> <ul class="list"> <li><a href="/arp-commands">команда arp-a</a> </li><li><a href="/first-java-program-hello-world-example">приклад java, привіт, світ</a> </li><li><a href="/interface-java">інтерфейс на java</a> </li><li><a href="/java-variables">змінна java змінна</a> </li><li><a href="/cathode-ray-tube">монітор з електронно-променевою трубкою</a> </li><li><a href="/abstract-class-java">абстрактний клас</a> </li> </ul> </div><!--//content--> </div><!--//section-inner--> </aside><!--//section--> </div><!--//secondary--> </div><!--//row--> </div><!--//masonry--> <footer class="footer"> <div class="container text-center"> <span> Copyright ©2025 Всі Права Захищені | <a href="//sl.techcodeview.com/">techcodeview.com</a> | <a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">Відмова Від Відповідальності</a> | <a href="/about-us" rel="nofollow noopener noreferrer" target="_blank">Про Нас</a> | <a href="/privacy-policy" rel="nofollow noopener noreferrer" target="_blank">Політика Конфіденційності</a> </span> </div> </footer> <script type="text/javascript" src="https://techcodeview.com/template/assets/plugins/jquery-1.11.3.min.js"></script> <script type="text/javascript" src="https://techcodeview.com/template/assets/plugins/bootstrap/js/bootstrap.min.js"></script> <script type="text/javascript" src="https://techcodeview.com/template/assets/js/main.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/highlight.min.js"></script> </body> </html>