一般的に使用される HTML 要素の構造は何ですか?-htmlチュートリアル-php.cn

ホームページ

ウェブフロントエンド

htmlチュートリアル

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

php中世界最好的语言

Feb 05, 2018 am 09:19 AM

html どれの構造

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

基本構造:

<!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 までご連絡ください。