ホームページ > 記事 > ウェブフロントエンド > xml html xhtml html5

xml html xhtml html5

WBOYオリジナル: 2016-09-15 11:15:141212ブラウズ

1、XML

XMLとは何ですか?

XML は EXtensible Markup Language の略です
XML は HTML に非常によく似たマークアップ言語です
XML はデータを表示するためではなく、データを送信するように設計されています
XML タグは事前定義されていません。ラベルは自分で定義する必要があります。
XML は自己記述的になるように設計されています。
XML は W3C によって推奨される標準です

XML と HTML の主な違い

XML は HTML に代わるものではありません。

XML と HTML は異なる目的のために設計されています:

XML はデータの送信と保存を目的として設計されており、データの内容に重点が置かれています。

HTML はデータを表示するために設計されており、データの外観に重点が置かれています。

HTML は情報を表示するように設計されており、XML は情報を送信するように設計されています。

動作のないXML

XML は何も行いません。

これは少し理解しにくいかもしれませんが、XML は何も行いません。 XML は、情報を構造化し、保存し、送信するように設計されています。

以下は、XML として保存された、ジョンからジョージへのメモです:

リーリー

上記のメモは自己説明的なものです。タイトルとメッセージがあり、送信者と受信者の両方に関する情報が含まれています。

ただし、この XML ドキュメントはまだ何も行いません。これは、XML タグでラップされた純粋な情報です。この文書を送信、受信、表示するソフトウェアまたはプログラムを作成する必要があります。

XML は単なるプレーンテキストです

XML は特別なものではありません。それは単なるプレーンテキストです。プレーンテキストを処理できるソフトウェアであれば、XML を処理できます。

ただし、XML を読み取ることができるアプリケーションは、目的を絞った方法で XML タグを処理できます。ラベルの機能的な意味は、アプリケーションの特性によって異なります。

XML を使用すると、独自のタグを作成できます

上記の例のタグは、XML 標準では定義されていません ( やなど)。これらのタグは、ドキュメントの作成者によって考案されます。

これは、XML には事前定義されたタグがないためです。

HTML で使用されるタグ (したがって HTML の構造) は事前に定義されています。 HTML ドキュメントでは、HTML 標準で定義されたタグ (

、

など) のみが使用されます。

XML を使用すると、作成者は独自のタグと独自のドキュメント構造を定義できます。

XML は HTML に代わるものではありません

XML は HTML を補完します。

XML が HTML に置き換わるものではないことを理解することが重要です。ほとんどの Web アプリケーションでは、XML はデータの送信に使用され、HTML はデータのフォーマットと表示に使用されます。

XML の最も適切な説明は次のとおりです:

XMLはソフトウェアやハードウェアに依存しない情報伝達ツールです。

XML は W3C によって推奨される標準です

Extensible Markup Language (XML) は、1998 年 2 月 10 日に W3C 勧告になりました。

W3C XML アクティビティの詳細については、W3C チュートリアルをご覧ください。

XML はどこにでもあります

XML 標準の急速な開発の進歩と、多くのソフトウェア開発者がこの標準を採用するスピードの速さを見ると、これは本当に驚くべきことだと思わずにはいられません。

現在、XML は Web において、常に Web の基礎であった HTML と同様に重要な役割を果たしています。

XML はどこにでもあります。 XML は、さまざまなアプリケーション間のデータ転送に最も一般的に使用されるツールであり、情報の保存と記述の分野でますます人気が高まっています。

2、HTML

HTMLとは何ですか?

HTML は Web ページを記述するために使用される言語です。

HTML は、ハイパーテキストマークアップ言語 (Hyper Text Markup Language) を指します
HTMLはプログラミング言語ではなく、マークアップ言語です
マークアップ言語はマークアップタグのセットです
HTML はマークアップタグを使用して Web ページを記述します

HTMLタグ

HTML タグは、HTML タグと呼ばれることがよくあります。

HTML タグは、のように山括弧で囲まれたキーワードです
HTML タグは通常、となどのペアで表示されます。

HTML 文档 = 网页

HTML 文档描述网页
HTML 文档包含 HTML 标签和纯文本
HTML 文档也被称为网页

Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容：

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

例子解释

与之间的文本描述网页
与之间的文本是可见的页面内容
与
之间的文本被显示为标题
与
之间的文本被显示为段落

3、XHTML

什么是 XHTML？

XHTML 指的是可扩展超文本标记语言
XHTML 与 HTML 4.01 几乎是相同的
XHTML 是更严格更纯净的 HTML 版本
XHTML 是以 XML 应用的方式定义的 HTML
XHTML 是 2001 年 1 月发布的 W3C 推荐标准
XHTML 得到所有主流浏览器的支持

为什么使用 XHTML？

因特网上的很多页面包含了“糟糕”的 HTML。

如果在浏览器中查看，下面的 HTML 代码运行起来非常正常（即使它并未遵守 HTML 规则）：

<html>
<head>
<title>This is bad HTML</title>
<body>
<h1>Bad HTML
<p>This is a paragraph
</body>

XML 是一种必须正确标记且格式良好的标记语言。

如果希望学习 XML，请阅读我们的 XML 教程。

今日的科技界存在一些不同的浏览器技术。其中一些在计算机上运行，而另一些可能在移动电话或其他小型设备上运行。小型设备往往缺乏解释“糟糕”的标记语言的资源和能力。

所以 - 通过结合 XML 和 HTML 的长处，开发出了 XHTML。XHTML 是作为 XML 被重新设计的 HTML。

与 HTML 相比最重要的区别：

文档结构

XHTML DOCTYPE 是强制性的
中的 XML namespace 属性是强制性的
、、以及 <body> 也是强制性的</li> </ul> <h3>元素语法</h3> <ul> <li>XHTML 元素必须正确嵌套</li> <li>XHTML 元素必须始终关闭</li> <li>XHTML 元素必须小写</li> <li>XHTML 文档必须有一个根元素</li> </ul> <h3>属性语法</h3> <ul> <li>XHTML 属性必须使用小写</li> <li>XHTML 属性值必须用引号包围</li> <li>XHTML 属性最小化也是禁止的</li> </ul> </div> <p> </p> <div> <h2><!DOCTYPE ....> 是强制性的</h2> <p>XHTML 文档必须进行 XHTML 文档类型声明（XHTML DOCTYPE declaration）。</p> <p>您可以在 W3School 的标签参考手册中找到完整的 XHTML 文档类型。</p> <p><html>、<head>、<title> 以及 <body> 元素也必须存在，并且必须使用 <html> 中的 xmlns 属性为文档规定 xml 命名空间。</p> <p>下面的例子展示了带有最少的必需标签的 XHTML 文档：</p> <pre class="brush:php;toolbar:false"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Title of document</title> </head> <body> ...... </body> </html> </pre> </div> <p> </p> <div> <h2>如何从 HTML 转换到 XHTML</h2> <ol> <li>向每张页面的第一行添加 XHTML <!DOCTYPE></li> <li>向每张页面的 html 元素添加 xmlns 属性</li> <li>把所有元素名改为小写</li> <li>关闭所有空元素</li> <li>把所有属性名改为小写</li> <li>为所有属性值加引号</li> </ol> </div> <p> </p> <div> <h2>用 W3C 验证器检验 XHTML</h2> <p>在下面的文本框中输入您的网址：</p> <form action="http://validator.w3.org/check" method="get" target="_blank"> <p><input type="text" name="uri" value="http://www.w3school.com.cn/html/index.asp" size="60"></p> <p> </p> <p><span style="font-size: 18px; background-color: #ffcc00;"><strong>4、HTML5</strong></span></p> <p> </p> <h2>什么是 HTML5？</h2> <p>HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。</p> <p>HTML 的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。</p> <p>HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。</p> <div> <h2>HTML5 是如何起步的？</h2> <p>HTML5 是 W3C 与 WHATWG 合作的结果。</p> <p class="note">编者注：W3C 指 World Wide Web Consortium，万维网联盟。</p> <p class="note">编者注：WHATWG 指 Web Hypertext Application Technology Working Group。</p> <p>WHATWG 致力于 web 表单和应用程序，而 W3C 专注于 XHTML 2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。</p> <p>为 HTML5 建立的一些规则：</p> <ul> <li>新特性应该基于 HTML、CSS、DOM 以及 JavaScript。</li> <li>减少对外部插件的需求（比如 Flash）</li> <li>更优秀的错误处理</li> <li>更多取代脚本的标记</li> <li>HTML5 应该独立于设备</li> <li>开发进程应对公众透明</li> </ul> </div> <div> <h2>新特性</h2> <p>HTML5 中的一些有趣的新特性：</p> <ul> <li>用于绘画的 canvas 元素</li> <li>用于媒介回放的 video 和 audio 元素</li> <li>对本地离线存储的更好的支持</li> <li>新的特殊内容元素，比如 article、footer、header、nav、section</li> <li>新的表单控件，比如 calendar、date、time、email、url、search</li> </ul> </div> </form> </div> <pre class="brush:php;toolbar:false"><!DOCTYPE HTML> <html> <body> <video width="320" height="240" controls="controls"> <source src="movie.ogg" type="video/ogg"> <source src="movie.mp4" type="video/mp4"> Your browser does not support the video tag. </video> </body> </html></pre> </div> </div> <div id="MySignature"></div> <div class="clear"></div> </div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>声明：</span><div>この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。</div></div></div><div class="nphpSytBox"><span>前の記事：<a class="dBlack" title="CSS3セレクターに関する研究" href="http://m.php.cn/ja/faq/335473.html">CSS3セレクターに関する研究</a></span><span>次の記事：<a class="dBlack" title="CSS3セレクターに関する研究" href="http://m.php.cn/ja/faq/335475.html">CSS3セレクターに関する研究</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>関連記事</h2><em><a href="http://m.php.cn/ja/article.html" class="bBlack"><i>続きを見る</i><b></b></a></em><div class="clear"></div></div><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/ja/faq/348757.html" title="HTMLの知識のまとめ" class="aBlack">HTMLの知識のまとめ</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ja/faq/348804.html" title="HTMLを早く学ぶ方法" class="aBlack">HTMLを早く学ぶ方法</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ja/faq/348873.html" title="html xhtml xml の違い" class="aBlack">html xhtml xml の違い</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ja/faq/348884.html" title="src 属性と href 属性の違い" class="aBlack">src 属性と href 属性の違い</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ja/faq/348902.html" title="HTML5とCSSの置き換え利用について" class="aBlack">HTML5とCSSの置き換え利用について</a><div class="clear"></div></li></ul></div></div><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！</p></div><div class="footermid"><a href="http://m.php.cn/ja/about/us.html">私たちについて</a><a href="http://m.php.cn/ja/about/disclaimer.html">免責事項</a><a href="http://m.php.cn/ja/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了，就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>