1. ホーム
  2. Web制作
  3. HTML/Xhtml

htmlウェブページの基本コンセプトの分析

2022-01-07 01:08:29

ウェブページとは?html文書がブラウザカーネルによってレンダリングされた後に表示されるページのことです( 5大ブラウザと4大カーネル )

htmlドキュメントのファイル名の接尾辞は.htmlで、.htmの存在はDOMシステムをサポートするためです(現在Dreamweaverではファイル名の最後に.htmを使用しています)。

コーディングは、我々はhtml文書に書かれたページを表示するコードの形式であり、その後、アクションとしてレンダリング、主にhtml文書自体がよく認識することはできませんので、それはブラウザカーネルによってレンダリングする必要がある通常の人々が見るためにページを表示するには、ページのソースコードのショートカットはCTRL + Uです表示、通常はソースコードは、次のように表示されます。                       

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="referrer" content="origin" />
    
    <meta http-equiv="Cache-Control" content="no-transform" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>大灰牛</title>
    
    <link rel="stylesheet" href="/css/blog-common.min.css?v=PEqf9X5sM-TqgxEJ-34zllMNrLPY7PzC3YhmnDnLGWA" />
    <link id="MainCss" rel="stylesheet" href="/skins/simpleblue/bundle-simpleblue.min.css?v=MH15aYd6DmX- 6TABpA2xkiKENy3GAhiM2dh5rOPH89I" />
    
    <link id="mobile-style" media="only screen and (max-width: 767px)" type="text/css" rel="stylesheet& quot; href="/skins/simpleblue/bundle-simpleblue-mobile.min.css?v=_zt2QFQyJHJRlBTpIRPn4DadnHSequpRNJvrnOfJ3Go" />
    
    <link type="application/rss+xml" rel="alternate" href="https://www.cnblogs.com/dhnblog/rss" />
    <link type="application/rsd+xml" rel="EditURI" href="https://www.cnblogs.com/dhnblog/rsd.xml" />
    <link type="application/wlwmanifest+xml" rel="wlwmanifest" href="https://www.cnblogs.com/dhnblog/ wlwmanifest.xml" />
    <script src="https://common.cnblogs.com/scripts/jquery-2.2.0.min.js"></script>
    <script src="/js/blog-common.min.js?v=F-Iy-_Lj7VcUKRIvNkS6UZ5LItMqjh1_L0VZk9Yxfb8"></script>
    <script>
        var currentBlogId = 576770;
        var currentBlogApp = 'dhnblog';
        var cb_enable_mathjax = false;
        var isLogined = true;
    </script>  
</head>
<body>... </body>
</html>

HTML+cssはページの内容を、JavaScriptはページの動作を担当し、HTMLは主にページの構造、cssはスタイルによってページを美しくする役割を果たし、JavaScriptはページのインタラクションを完成させます。JavaScriptがページのインタラクションを行うのです

HTMLのコードは、大きく「テキストコンテンツ」と「タグコンテンツ」に分けられます。テキストは、文字や記号などブラウザが直接表示するもので、タグは、この <p></p> に似ていて、カッコで囲まれ、ブラウザが直接表示できない、何か特別な意味を持つものです。

タグは開始と終了に分かれて対になっていますが、 <hr/><br/> のように、そうでないものもあります。タグの中に包まれているものを要素 <span>element</span> と呼び、要素にさらに付加情報を加えるのが属性 <span style="color:red">element</span> の style="color: red" の前に属性名、後ろに属性値で囲みます。

もちろん、このようなものが存在すれば、それは <tag style="color:red">element</tag> という属性を持つ要素でもありますが、W3Cは World Wide Web Consortium (World Wide Web Consortium) が定義したタグを参照しているので、ブラウザには認識されません。 HTMLマニュアル

HTML学習:タグの使い方を理解する、CSSプロパティスタイルでページを美しくする、HTMLタグの主な内容:テキスト、画像、リンク、リスト、テーブル、フォーム、フレームのネスト

HTMLの構文は、次の3点に注意してください。1. html文書は上から下へ読まれる 2. タグは互いに入れ子にできる 3. htmlの基本構造は以下の通りである。

<html>
<head>
  Here is the head of the document ... ...
  ...
</head>

<body>
  Here is the body of the document ... ...
  ...
</body>
</html>

概要

以上、htmlウェブページの基本的な考え方について簡単にご紹介しました。