ホームページ  >  記事  >  ウェブフロントエンド  >  HTML と XML_html/css_WEB-ITnose の違い

HTML と XML_html/css_WEB-ITnose の違い

WBOY
WBOYオリジナル
2016-06-24 11:20:491261ブラウズ

この記事のソースアドレス http://blog.163.com/txl129_2006@126/blog/static/1851087820103218453645/

変更があります。

HTMLとは

HTMLのフルスペルはHypertext Markup Language、中国語ではHypertext Markup Languageです。 HTML (HyperTextMark-upLanguage) は、WWW の記述言語である Hypertext Markup Language です。 HTML 言語を設計する目的は、あるコンピュータに保存されているテキストまたはグラフィックを別のコンピュータにあるテキストまたはグラフィックと簡単に接続して、有機的な全体を形成することです。特定の情報が現在のコンピュータ上にあるか、他のコンピュータ上にあるかを考慮する必要はありません。ネットワーク上のコンピュータ。マウスを使用してドキュメント内のアイコンをクリックするだけで、インターネットはアイコンに関連するコンテンツに即座に移動し、この情報はネットワーク上の別のコンピューターに保存される可能性があります。 HTML テキストは、HTML コマンドで構成される説明テキストであり、テキスト、グラフィック、アニメーション、サウンド、表、リンクなどを記述することができます。 HTML の構造は、ヘッダーとボディの 2 つの部分で構成されます。ヘッダーにはブラウザーが必要とする情報が記述され、ボディには説明する具体的な内容が含まれます。さらに、HTML はインターネットのユニバーサル言語であり、シンプルでユニバーサルなオールインワン マークアップ言語です。これにより、Web ページ制作者はテキストと画像を組み合わせた複雑なページを作成でき、使用するコンピュータやブラウザの種類に関係なく、インターネット上の誰でもこれらのページを閲覧できるようになります。

XMLとは

XMLはExtensible Markup Language(拡張マークアップ言語)であり、他の言語を定義するために使用されるメタ言語であり、その前身はSGML(Standard General Markup Language)です。タグや文法規則はありませんが、構文規則はあります。 XML ドキュメントは、あらゆる種類のアプリケーションに対して適切な形式で、正しい解析が行われている必要があります。つまり、各開始タグに対応する終了タグがあり、タグが逆の順序で含まれていてはならず、適切なステートメント構成が技術要件を満たしている必要があります。仕様。 XML ドキュメントは有効であってもかまいませんが、必ずしも有効である必要はありません。有効なドキュメントとは、ドキュメント タイプ定義 (DTD) に準拠しているドキュメントです。文書がスキーマの規定に準拠している場合、その文書はスキーマとして有効です。

HTML と XML の関係

1. 実際、HTML と XML の間にはそれほど必然的な関係はありません。実際、XML は HTML を補足するものと見なすことができます。

2. XML と HTML の目標は異なります。HTML の設計目標はデータを表示し、データの外観に重点を置くことですが、XML の設計目標はデータを記述し、データの内容に重点を置くことです。 。

3. HTML と同様に、XML は操作を実行しません。 XML マークアップを使用して注文などの商品の構造を記述することはできますが、その注文を送信または処理し、その注文を確実に配達するために使用できるコードは含まれていないため、他の人が実際にコードを作成する必要があります。 XML 形式のデータに対してこれを実行します。

4. HTML とは異なり、XML タグはスキーマまたはドキュメントの作成者によって定義され、無制限です。 HTML タグは事前定義されており、HTML 作成者は現在の HTML 標準でサポートされているタグのみを使用できます。

よくある質問

質問: XML と HTML はどちらが優れており、劣っていますか?

回答: 実際、XML と HTML の間には一定の関連性がありますが、それぞれの機能と違いはありません。目標 (強調追加) アプリケーションの状況が異なれば、言及する必要があるのは、XML は HTML よりも標準化されているということです。

質問: HTML は静的スペースをサポートできますか? XML もサポートできますか?

答え: クライアントのブラウザのバージョンが 6.0 より低くない限り、はい、可能です

質問: Web サイトを作成したいのですが、どの言語を選択すればよいですか?

回答: 大規模な Web サイトの場合、大量の更新が行われるため、HTML の使用は適していません。XML は動的更新をサポートしているため、使用できますが、小規模な Web サイトの場合は、HTML を改善するのに最適な選択ではありません。ページの応答速度を重視する場合は、HTML 書き込みを使用することをお勧めします。

質問: HTML と XML は相互に変換できますか?

答え: はい、クライアントのブラウザーのブラウジングによりよく適応するために、XML から HTML への変換はサーバー側で実行できますが、通常の静的スペースはサポートされていません。変換には、XMLDOM をサポートする ASP サーバーまたは PHP サーバーを選択できます。

XML は HTML に似たマークアップ言語です

XML はデータを記述するために使用されます

XML タグは XML では事前定義されておらず、データを記述するために独自のタグ

DTD) またはスキーマ (Schema) を定義する必要があります

XML は DTD またはスキーマを使用して自己記述言語になります

XML と HTML の主な違いは何ですか

XML はデータを保存するために使用されます

XML は HTML の代替ではありません、XML と HTML は 2 つの言語ですさまざまな用途。

XML はデータを記述するために設計されており、データとは何か、データをどのように保存するかが焦点です。

HTML はデータを表示するために設計されており、データの表示とデータをより適切に表示する方法に重点が置かれています。

HTMLは表示情報に関係し、XMLは記述情報に関係します。

「XML」とはインターネット上でのデータ交換に使われる言語で、Webページを記述する言語「HTML」と似た形式を持っています。この言語は「Webブラウザでデータを確認できる」「データの生成が簡単」というメリットがあり、主に企業間や企業内でのより便利なデータのやり取りや活用を目的として使用されています。まず、分かりやすくするために、書籍販売者が自分のウェブサイトを開設して、書店の品揃えカタログや在庫状況などの情報を発信したい、という状況があると仮定します。

書籍を管理する際には、TABLEタグなどを利用して、「書籍名」「発売日」「在庫」「著者」「出版社」「価格」などのデータをフォームに入力する必要があります。リストの。データがこの形式で集約されると、人間は何が必要かをすぐに理解できるようになります。しかし、コンピュータ(またはシステム)は、ページ構造やデータの配置は理解できても、ここでのデータの意味(属性)を理解することはできません。

しかし、これらのデータの属性をコンピュータに理解させる技術が「XML」です。

XMLを使えば、「今、在庫はいくらですか?」「ある著者が書いた本は何部売れていますか?」といったデータをコンピュータが「自動」でマスタリングすることができます。取引先と「共有」することができます。これにより、出版社は今後の出版計画を立てる際にこのデータを参照できるようになり、販売会社は効果的な流通計画を立てやすくなります。人件費の削減や経営効率の向上に貢献することは間違いありません。

もちろんXMLを使わなくても、例えば標準化されたデータベースを構築して、分野ごとに「本のタイトル」「価格」などの名前を定義すれば、コンピュータも理解できます。しかし、これをWeb上で実現するには、かなりの人手とコストがかかります。このとき、XMLであれば「Webブラウザでデータを確認できる」ため、インターネットに接続できるパソコンとXMLに対応したブラウザがあれば、特別な投資は必要ありません。

XMLを使うと、これまでのデータベースでは処理が難しかったデータもデータベース化できます。

XMLはHTMLと同じように括弧<>で囲まれた文字列を使って記述されます。 HTMLにおいて括弧内に定義されているのはレイアウト(Layout)などの情報です。 XML では、データの属性も、、<author>、<publisher> の形式で定義されます。このような定義は自由に設定できます。そのため、多くの企業では XML を自社で定義し、社内のデータ交換に使用しています。このような自由度の高さが、XML が注目される理由の 1 つです。 </p> <p> しかし、企業間のデータ交換はXMLの焦点の1つです。したがって、各社の定義は標準化がなければ普遍化できません。現在、Microsoft主導の標準化団体「Biztalk.org」と市民社会団体「Rosetta Net」は、XML定義の手間を軽減するために、さまざまな業界や分野で「広く使えるマーク」を開発したいと考えている。 </p> <p> 上記のようにXML規格が策定され、広く利用されるようになれば、企業間のデータ交換が容易になるだけでなく、これまでのデータベースでは難しかった音声データや動画データも処理されるようになるでしょう。簡単にデータベース化できます。これは経営面でも大きな救いと言えるでしょう。 </p> <p class="sycode"></p> <p class="sycode"></p> <p class="sycode"></p> <p class="sycode"></p> <p class="sycode"></p> <p class="sycode"></p> <p class="sycode"></p> <p class="sycode"></p></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="テキスト入力ボックスにフォーカスがあるときにモバイル ブラウザーと WeChat がページを自動的に拡大しないようにする方法_html/css_WEB-ITnose" href="http://m.php.cn/ja/faq/268665.html">テキスト入力ボックスにフォーカスがあるときにモバイル ブラウザーと WeChat がページを自動的に拡大しないようにする方法_html/css_WEB-ITnose</a></span><span>次の記事:<a class="dBlack" title="テキスト入力ボックスにフォーカスがあるときにモバイル ブラウザーと WeChat がページを自動的に拡大しないようにする方法_html/css_WEB-ITnose" href="http://m.php.cn/ja/faq/268669.html">テキスト入力ボックスにフォーカスがあるときにモバイル ブラウザーと WeChat がページを自動的に拡大しないようにする方法_html/css_WEB-ITnose</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><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="http://m.php.cn/ja/"><b class="icon1"></b><p>ホームページ</p></a></li><li><a href="http://m.php.cn/ja/course.html"><b class="icon2"></b><p>コース</p></a></li><li><a href="http://m.php.cn/ja/wenda.html"><b class="icon4"></b><p>に質問</p></a></li><li><a href="http://m.php.cn/ja/login"><b class="icon5"></b><p>私の</p></a></li><div class="clear"></div></ul></div></div><div class="nphpYouBox" style="display: none;"><div class="nphpYouBg"><div class="nphpYouTitle"><span onclick="$('.nphpYouBox').hide()"></span><a href="http://m.php.cn/ja/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/ja/"><b class="icon1"></b><span>ホームページ</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/course.html"><b class="icon2"></b><span>コース</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/article.html"><b class="icon3"></b><span>記事</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/wenda.html"><b class="icon4"></b><span>に質問</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/dic.html"><b class="icon6"></b><span>辞書</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/course/type/99.html"><b class="icon7"></b><span>マニュアル</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/xiazai/"><b class="icon8"></b><span>ダウンロード</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/faq/zt" title="特集"><b class="icon12"></b><span>特集</span><div class="clear"></div></a></li><div class="clear"></div></ul></div></div><div class="nphpDing" style="display: none;"><div class="nphpDinglogo"><a href="http://m.php.cn/ja/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/ja/" >ホームページ</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/article.html" class="hover">記事</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/wenda.html" >に質問</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/course.html" >コース</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/faq/zt" >特集</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/xiazai" >ダウンロード</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/game" >ゲーム</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/dic.html" >辞書</a></div><div class="clear"></div></div></div><div class="langadivs" ><a href="javascript:;" class="bg4 bglanguage"></a><div class="langadiv" ><a onclick="javascript:setlang('zh-cn');" class="language course-right-orders chooselan " href="javascript:;"><span>简体中文</span><span>(ZH-CN)</span></a><a onclick="javascript:setlang('en');" class="language course-right-orders chooselan " href="javascript:;"><span>English</span><span>(EN)</span></a><a onclick="javascript:setlang('zh-tw');" class="language course-right-orders chooselan " href="javascript:;"><span>繁体中文</span><span>(ZH-TW)</span></a><a onclick="javascript:;" class="language course-right-orders chooselan chooselanguage" href="javascript:;"><span>日本語</span><span>(JA)</span></a><a onclick="javascript:setlang('ko');" class="language course-right-orders chooselan " href="javascript:;"><span>한국어</span><span>(KO)</span></a><a onclick="javascript:setlang('ms');" class="language course-right-orders chooselan " href="javascript:;"><span>Melayu</span><span>(MS)</span></a><a onclick="javascript:setlang('fr');" class="language course-right-orders chooselan " href="javascript:;"><span>Français</span><span>(FR)</span></a><a onclick="javascript:setlang('de');" class="language course-right-orders chooselan " href="javascript:;"><span>Deutsch</span><span>(DE)</span></a></div></div><script> var swiper = new Swiper('.nphpNavSwiper1', { slidesPerView : 'auto', observer: true,//修改swiper自己或子元素时,自动初始化swiper observeParents: true,//修改swiper的父元素时,自动初始化swiper }); </script></div></div><!--顶部导航 end--><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>