1、什么是结构化标记
对布局使用的div 进行升级 , 根据页面的不同区域而提供的不同标签。作用与div几乎一致
专门用于搭建网站结构而用
2、结构标记详解
1、
作用:用于定义【网页内容的头部】、或者是【某部分信息中的头部】
语法:
头部区域的内容
2、
作用:用于定义页面的【导航链接】部分
语法:
3、
作用:定义文档中的 小节,可以定义网页主体内容
语法:
通常のテキスト....
....
4.
用途: 主にフォーラムの投稿、ニュース情報、ブログエントリ、ユーザーコメント、Weibo 情報コンテンツに使用されます
文法:
………………
5.
6.
役割: 主にサイドバーの定義に使用されます
構文:
出版情報
最新の出版記録を見る
7. 注:
一部の構造化マークアップが不十分な場合Web ページのコンテンツを表示する場合は、div を使用して柔軟に制御します
2. フォーム
機能: ユーザー データを受信し、[サーバーに送信]
1. フォームを定義します:
主な属性:
1. アクション: アクション、デフォルトでこのページに送信される URL
2.よく使用される値: get または post
get: 本来の目的はサーバーからデータを取得することです
送信された情報はそのままアドレスバーに表示されます (クリアテキスト送信)、最大 2kb のデータを送信できます
post: 本来の目的は、データをサーバー処理に送信することです。
データを送信するとき、情報はアドレスバーに表示されません(暗号化されたテキスト送信)、送信されるサイズに制限はありませんデータ
ユーザーのセキュリティ要件が高い場合、投稿のセキュリティはより高くなります。登録およびログインする際には投稿を使用する必要があります。入稿データの量が多い場合にはポストを選択することもできます。
3. enctype: フォームデータをエンコードする方法
注: テキスト送信とファイル送信では異なるエンコード方法が使用されます
デフォルト値はテキスト送信方法です: application/x-www-form-urlencoded
ファイルを送信する場合、この属性値を次のように変更する必要があります:
multipart/form-data
4. name: フォーム名を定義します
2. フォーム要素
はフォーム コントロールとも呼ばれます。外観とユーザー入力データを受け入れることができます
フォーム要素の分類:
1. 入力要素
input 単一タグで始まるすべての要素
構文:
属性:1. 、異なるタイプの値に応じて、異なる入力要素 (テキスト ボックス、パスワード ボックス、ラジオ ボタン、チェック ボックス) が作成されます
2. 値: 値、現在のフォーム要素の値 (デフォルト値、ユーザーが入力した値) )
3 、name: name、フォーム要素の名前を定義し、主に使用のために [サーバー] に送信されます
4。 id: 固有の識別子、使用のために [このページ] の [JavaScript] に提供されます
5。無効: コントロールを無効にします
1. テキスト ボックスとパスワード ボックス
テキスト ボックス:
パスワード ボックス:
属性:
maxlength: 最大長、ユーザーが入力する文字数を制限します
readonly: 読み取り専用、表示のみ可能、書き込みはできません
name と id の値の指定: コントロールの省略形で始まります、関数名、関数名の各単語の最初の文字は大文字にする必要があります
テキスト ボックス: ユーザー名--> txtUserName
パスワード ボックス: ユーザー パスワード--> txtUserPwd
2.とチェックボックス
ラジオボタン:
< ;input type="radio" name="" />
注:上記の関数では、name 属性をラジオボタンとしても使用できます。 グループ化、グループ内では 1 つだけ選択できます
チェックボックス:
テキスト
属性: チェック済み
3 、ボタン
1. 送信ボタンの機能が修正され、フォーム内のすべてのフォーム要素のデータがサーバーに送信されます
2.ボタン
この関数は修正され、フォーム内のすべてのフォーム要素を初期値に戻します。データをクリアします。
3. 通常のボタン
には機能がなく、クライアント スクリプトを実行するために使用されます。 (ボタン機能はカスタマイズ可能です)
==>
userDo.php?txtUserName=wji. =zhaomin&rdoGender= Female&chkHobby=eat&chkHobby=play
4. 隠しドメインとファイル選択ボックス
1. 隠しドメイン
HTML ページ内に隠されている要素は、ユーザーには表示されませんが、サーバーに送信できます。
userDo.php?txtUserName=ZHANGWUJI&txtUserPwd=WUJI.ZHANG&rdoGender=女性&chkHobby=eat&chkHobby=ドリンク&txtUid=11010 01
2. ファイルの選択Box
を使用すると、ユーザーはダイアログ ボックスを開いて、サーバーにアップロードするファイルを選択できます。
注:
1. enctype の値を multipart/form-data に変更するには
2. メソッドは post
である必要があります。 5、html5コア
2. textarea要素
学名: 複数行のテキストフィールド、複数行テキスト入力ボックス
Attributes:
name: 名前
cols: テキストエリアの列数、1行に表示できる文字数を指定します
rows : テキストエリアの行数を指定します。デフォルトでは、数行のデータが表示され、それを超える場合はスクロールバーが表示されます
3、選択とオプション
選択: オプションボックス、ドロップダウンリストbox
構文:
属性:
name: 要素名
size: デフォルトで表示されるオプションボックスの長さは 1 より大きく、これはスクロールリストです
multiple: 複数選択
option: オプションボックス内のオプションデータ、オプションによって表示されるテキスト
Attributes:
value: オプションの値
selected: 事前選択
4、その他の要素
1、