ホームページ > 記事 > ウェブフロントエンド > HTMLファイルの基本マークアップを学ぶHTML (1)_html/css_WEB-ITnose
HTMLファイルの基本マークアップを学ぶHTML (1)_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:41:03948ブラウズ
htmlの基本構造を学んだ次は、htmlファイルの基本的なマークアップを学んでいきます！
HTMLヘッダータグ
一般的に使用されるタグは次のとおりです:
(1) dde6fb694e6711ae5e6f381704c04ae4: 現在のベースアドレス
(2) abd1d7fe556b8a5c1c26946ca234394a: ベーステキストのフォント、フォントサイズ、色を設定します
( 3) 0827c68857efd35c48bc8f6e9a3a183c: ドキュメントが、サーバーによって自動的に作成された、検索に使用できるゲートウェイ スクリプトであることを示します
(4) e8e496c15ba93d81f6ea4fe5f55a2244: ドキュメント自体に関するメタ情報
(5) c9ccee2e6ea535a969eb3f532ad9fe89 : CSS カスケード スタイル シートの内容を設定します
(6) 2cdf5bf648cf2f33323966d7f58a7f3f 外部ファイルへのリンクを設定します
(7) 3f1c4e4b6b16bbbd69b2ee476dc4f83a ページ内にプログラム スクリプトの内容を設定します
始めましょうよく使用されるタグを 1 つずつ紹介します
1. メタ情報タグ
meta は単一の要素です。終了タグを設定する必要はありません。name と http-equiv の 2 つの属性があり、検索エンジンの検索と分類を容易にするために Web ページを説明します
1.1 ページのキーワードを設定します
ex:56a6df597060a86d29d100c21bfc98a6
上記のコードは、Web ページのキーワード属性名が keyname であり、content がキーワードのコンテンツであることを意味します
1.2 ページの説明を設定します
ex:69e5bf5bb0e1eb599e84612ca868016f
1.4 著者情報を設定する
ex:f07751db10f44e3bc77ab270a77f3466
1.5 検索方法を制限する
ex :267f11c150afb306dd39882e40c91de4
1.6 Web ページのテキストと言語を設定する
ex1:f605c88e31a9ff2449d5218bba244339ex2:de77d1c8baf0fb53d8339e62d1ec0c2e
1.7 Web ページの時間指定ジャンプを設定します
ex: 23a3aeb2ec5f2fbab1c9e68a683ae45a
ps: 時間は秒単位です
1.8 有効期限を設定します
例: 6491683a35c8de6c5242fc68a1f1eaaf
1.9 キャッシュからの呼び出しを無効にする
例: 9176adcf7fd21ee70b76b75374dee2d4
< ;meta http -equiv="pragma" content=" no-cache ">
2.0 期限切れの Cookie を削除します
例: 20f6af93de46f3ede43e693a940cc150
2.1 を強制します。新しいウィンドウを開きます
例: 1c7483b0409dedab7937c15fc18bcd86
2.2 Webページのトランジション効果を設定します
例: bfa84ef6566fa5d993d58c0a94269413
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 5 <meta name="description" content="关于html使用" /> 6 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 7 <meta name="generator" content="Adobe Dw"/> 8 <meta name="keywords" content="http"/> 9 <meta name="author" content="Mr li"/>10 <!-- 表示能搜索当前网页-->11 <meta name="robots" content="index"/>12 <title>我的meta</title>13 <meta http-equiv="content-type"content="text/html";charset="utf-8"/>14 <!--定时跳转-->15 <meta http-equiv="refresh" content="2;url=http://www.baidu.com">16 </head>17 18 <body>19 <div id="first">20 将要跳转21 </div>22 </body>23 </html>
これは編集者自身が書いた小さな例です。皆さんもチェックしてみてください！