ホームページ > 記事 > ウェブフロントエンド > フロントエンド開発をベースにしたHTML - タグシリーズ(1)_html/css_WEB-ITnose
フロントエンド開発をベースにしたHTML - タグシリーズ(1)_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:24:42767ブラウズ
====================
レベッカの最初のブログ
================ === ==
Sublime とプラグインを設定した後、特定の Html タグの知識ポイントを学ぶことができます。この部分は単なる知識ポイントですので、覚えておいてください。
---------------------------------
最初にいくつかのヒント
ヒント 1: HTML で最初にフォーマットファイルの行に「html:5」と入力してTabキーを押すと、自動的にH5版のテンプレートが表示されるのでとても便利です！以下に示すように:
新しいプロジェクトは、4s 4t xs など、HTML5 標準を直接使用します。
------------------------------------------------ -------------
ヒント 2: コメントをすばやくバッチ Ctrl/cmd + "/" します。
---------------------------------------------- --- ----------------------------------
ヒント 3: この行をすばやくコピー ctrl+shift+D
---------------------------------------------- --- ----------------------------------
ヒント 4: タグをすばやく生成: h1+Tab、p + タブなど
- ----------
これらのタグ
1、100db36a723c770d327fc0aef2ce13b1 タグ
属性 1: lang: 言語、en は英語を表し、SEO に影響します。
<html lang="en">
2.93f0f5c25f18dab9d176bd4f6de5d30e
ブラウザの設定により、情報が表示されません。
エンコード形式:
3.e8e496c15ba93d81f6ea4fe5f55a2244 はブラウザによる文字化けを防ぐことができます。
<meta charset="UTF-8"><br />
エンコーディングについて: utf-8 は最も包括的なエンコーディング形式です。
4. b2386ffb911b14667cb8f0f91ea547a7ページのタイトルはウェブサイトの SEO に影響します。
5.2cdf5bf648cf2f33323966d7f58a7f3f機能
1 dns の事前解析、2 ウェブサイトのアイコンの導入、3 の CSS スタイルの導入。
6.4a249f0d628e2318394fd9b75b4636b1タイトルタグ
ページ内で最も優れたタグ。 SEOに良い。
<body> <h1>one</h1> <h1>one</h1> <h2>two</h2> <h1>one</h1> <h1>one</h1></body>
7. e388a4556c0f65e1904146cc1a846bee段落タグ。
自分専用の 1 行を使用し、他の段落と 1 行を共有しないでください。段落間隔もあります。図に示すように:
8.
水平線
は単一のラベルであり、スラッシュで閉じる必要はありません。
<h1>one</h1> <hr> <p>this is a paragraph.this is a paragraph.this is a paragraph.this is a paragraph.this is a paragraph.</p>
9. 0c6dc11e160d3b678d68754cc175188a 強制改行タグ
(html にはスペースとキャリッジ リターンの結合機能があるため)、br 関数はキャリッジ リターン キーと同等です。
10. スペースを 1 つのスペースに等しく強制します。
11. 45a2772a6b6107b401db3c9b82c049c2インラインテキストセクションタグ
どこでも使用可能、目的: CSS 処理を容易にする。
<p>this is a paragraph. <span>span1</span> <span>span2</span> this is a paragraph.this is a paragraph.this is a paragraph.this is a paragraph.</p>
12. テキストを強調するタグを定義します。斜体である必要はありません。
<p>this is a paragraph.this is a <em>important</em> paragraph.this is a paragraph.this is a paragraph.this is a paragraph.</p>
重要な点が強調されており、SEO に有利です。
13. 斜体のタグを定義します (推奨されません。CSS で十分です)
講義 1 はここです、寝てください~