学習ポイント:
1. エンティティ
2. メタデータ
3. グローバル属性
講師: Li Yanhui
1 つ。エンティティ
HTML エンティティは、エンティティ コードを通じて特別な意味を持つ文字を表示します。
Ⅱ。メタデータ
要素はドキュメント内のさまざまなメタデータを定義でき、HTML ページには複数の 要素を含めることができます。
1. 名前を指定します / 値メタデータペア <meta name="author" content="bnbbs"><meta name="description" content="这是一个 HTML5 页面"> <br /><meta name="keywords" content="html5,css3,响应式"> <br /><meta name="generator" content="sublime text 3">
| 説明
|
| 現在のページの作成者 |
|
| 現在のページの説明 |
|
| 現在のページのキーワード |
|
| 現在のページのエンコーディングツール |
|
2. 文字エンコーディングを宣言します
<meta charset="utf-8">
3. HTTPヘッダーフィールドをシミュレートします
//5 で指定された URL にジャンプします秒
rrree//別の宣言文字エンコーディング
<meta http-equiv="refresh" content="5;http://li.cc">
| 説明
|
| 現在のページをリロードする、またはURLを指定します。単位は秒。 |
|
| 文字エンコーディングを宣言する別の方法 |
三．全局属性 在此之前，我们涉及到的元素都讲解了它的局部数据，当然也知道一些全局属性，比如id。全局属性是所有元素共有的行为，HTML5 还提供了一些其他的全局属性。
1.id 属性
<p id="abc">段落</p> ログイン後にコピー 解释：id 属性给元素分配一个唯一标识符。这种标识符通常用来给 CSS 和 JavaScript 调用选择元素。一个页面只能出现一次同一个 id 名称。
2.class 属性
<p class="abc">段落</p> <br /><p class="abc">段落</p> <br /><p class="abc">段落</p> ログイン後にコピー 解释：class 属性用来给元素归类。通过是文档中某一个或多个元素同时设置 CSS 样式。
3.accesskey 属性
<input type="text" name="user" accesskey="n"> ログイン後にコピー 解释：快捷键操作，windows 下 alt+指定键，前提是浏览器 alt 并不冲突。
4.contenteditable 属性
<p contenteditable="true">我可以修改吗</p> ログイン後にコピー 解释：让文本处于可编辑状态，设置 true 则可以编辑，false 则不可编辑。或者直接设置属性。
5.dir 属性
<p dir="rtl">文字到右边了</p> ログイン後にコピー 解释：让文本从左到右（ltr），还是从右到左（rtl）。
6.hidden 属性
<p hidden>文字到右边了</p> ログイン後にコピー 解释：隐藏元素。
7.lang 属性
<p lang="en">HTML5</p> ログイン後にコピー 解释：可以局部设置语言。
8.title 属性
<p title="HTML5 教程">HTML5</p> ログイン後にコピー 解释：对元素的内容进行额外的提示。
9.tabindex 属性
<input type="text" name="user" tabindex="2"> <br /><input type="text" name="user" tabindex="1"> ログイン後にコピー 解释：表单中按下 tab 键，实现获取焦点的顺序。如果是-1，则不会被选中。
10.style 属性
<p style="color:red;">CSS 样式</p> ログイン後にコピー 解释：设置元素行内 CSS 样式。
関連ラベル：
ソース：php.cn
前の記事：CSS_html/css_WEB-ITnose で垂直方向の配置を実現する 4 つの方法
次の記事：単純な Z-index には非常に多くの要素が含まれる可能性がありますKnowledge_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません
Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
2
1854
Google Chromeのモバイル版を表示する方法
こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
10
2022
親ウィンドウには出力がありません
document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1604
関連トピック
詳細>
|
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
