ホームページ  >  記事  >  ウェブフロントエンド  >  一般的に使用される HTML 要素の構造は何ですか?

一般的に使用される HTML 要素の構造は何ですか?

php中世界最好的语言
php中世界最好的语言オリジナル
2018-02-05 09:19:202740ブラウズ

今回は、一般的な HTML 要素の構造とは何か、および一般的な HTML 要素の構造を使用する際の注意点について説明します。以下は実際のケースです。見てみましょう。

  1. 基本構造:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title></title> 
</head> 
<body> 
</body> 
</html>

2. 文書タイプ:

(1)HTML 4.01

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

(2)HTML5

<!DOCTYPE html>

(3)XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

3.頭:
( 1) 文字セット

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

(2) JS の導入

<script language="javascript"></script> 
<script language="javascript" src=""></script> 
<script language="javascript">var u="__URL__";var a="__APP__";</script> 
<script language="javascript" src="__PUBLIC__/js/jquery-1.8.1.min.js"></script>

(3) CSS の導入

コードをコピー

コードは以下の通りです:

<style type="text/css"></style> 
<link rel="stylesheet" href="" type="text/css">

(4) デフォルトのジャンプを設定

<base href="" /> 
<base target="_blank" />

( 5) 検索エンジン関連情報の設定

<meta name="description" content=",," />
<meta name="keywords" content=",," />

4. 本体:

(1) 基本コンテンツ

<body onload=""> 
<div id="" class="">
</div> <div style="clear:both;">

(2) フォーム
GETメソッドで送信:

<form id="" action="" method="post"></form>

POSTメソッドで送信:

<form id="" action="" method="get"></form>


書類を添えて提出:

<form id="" action="" method="post" enctype="multipart/form-data"></form>


よく使用されるホームページ:

文本域:<input id="" name="" class="" type="text"></input>
密码域:<input id="" name="" class="" type="password"></input> 
普通按钮:<input id="" name="" class="" type="button"></input> 
单选按钮:<input id="" name="" class="" type="radio"></input> 
多选按钮:<input id="" name="" class="" type="checkbox"></input>

これらの事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

関連記事:

無効化および読み取り専用を通じて入力を読み取り専用効果に設定する方法

メタタグの機能とは何ですか

HTMLヘッダータグメタを使用してリフレッシュリダイレクトを実装する方法

HTMLフォームの内部タグの使い方

以上が一般的に使用される HTML 要素の構造は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。