HTML 1 でよくある質問-CSSチュートリアル-php.cn

HTML 1 でよくある質問

php中世界最好的语言

リリース： 2018-03-08 16:34:20

オリジナル

2375 人が閲覧しました

今回は、HTML でよくある問題をいくつか紹介します。順序付きリスト、順序なしリスト、カスタムリストの使用方法は?簡単な例を書きます。 3 つの意味上の違いは何ですか?どのような使用シナリオがありますか? 入れ子にすることはできますか?

順序付きリストは番号でマークされたリスト項目です:

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

ログイン後にコピー

その効果は次のとおりです:

<ol><li>Coffee</li>
<li>Milk</li> </ol>

ログイン後にコピー

順序なしリストは原点でマークされたリスト項目です:

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

ログイン後にコピー

その効果は次のとおりです:

<ul><li>Coffee</li>
<li>Milk</li></ul>

ログイン後にコピー

カスタマイズされたリスト表現された項目とコメントの組み合わせ:

<dt>Coffee</dt>
 <dd>Black hot drink</dd><dt>Milk</dt></dl>```

ログイン後にコピー

効果は次のとおりです:

><dl><dt>Coffee</dt><dd>Black hot drink</dd><dt>Milk</dt><dd>White cold drink</dd></dl>

ログイン後にコピー

これら 3 つのリストは互いに入れ子にすることができます。
- ####リストの先頭にあるドットや数字を削除するにはどうすればよいですか?
CSS スタイルを使用するだけです

```<style>ul{
     list-style: none;
}```

ログイン後にコピー

- ####class と id の違いは何ですか?いつクラスを使用し、いつ ID を使用するのでしょうか?
1.IDは一意であり、クラスはユニバーサルです。
2.IDは一意であり、通常はページレイアウトに使用されます。
3.クラスは反復可能であり、通常はスタイル定義に使用されます。
4.IDのスタイル優先度はクラスよりも高くなります。
- ####ブロックレベル要素とインライン要素とは何ですか?違いは何ですか?それらはどのような一般的なタグに対応していますか?
ブロックレベルの要素は通常、ブラウザで表示されるときに新しい行で始まり (そして終わり) ます。
インライン要素 (インライン要素) は通常、表示時に改行で始まりません。
相違点:
1. ブロックレベル要素は排他的な行を占有し、その幅は親要素の幅を自動的に埋めます。
インライン要素は 1 行を占めません。隣接するインライン要素は 1 行に収まらないまで折り返されません。2. ブロックレベルの要素は、インライン要素での幅と高さの属性の設定は無効です
3. マージンとパディングはブロックレベルの要素で設定できます。インライン要素の水平方向のpadding-left、
padding-right、margin-left、margin-rightはすべてマージン効果を生成しますが、垂直方向のpadding-top、padding-bottom、margin-top、margin-bottomはすべてマージン効果を生成します。マージン効果は生じません。ブロックレベルの要素タグ: div、p、form、ul、li、ol、dl、form、address、fieldset、hr、menu、table。
インライン要素ラベル:span、strong、em、br、img、input、label、select、textarea、cite。
- ####display: block、display: inline、display: inline-block の機能はそれぞれ何ですか?
1.display:block: この要素は前に改行を入れてブロックレベルの要素として表示されます。そしてこの要素の後。
2.display:inline: この要素は、要素の前後に改行を入れずに、インライン要素として表示されます。
3.display:inline-block: オブジェクトをインラインオブジェクトとしてレンダリングしますが、オブジェクトのコンテンツはブロックオブジェクトとしてレンダリングされます。隣接するインラインオブジェクトは同じ行にレンダリングされ、スペースを入れることができます。
- ####次のコードの機能は何ですか?

       <div id="header">
        </div>
        <div id="content">
        <div class="main"></div>
        <div class="aside"></div>
        </div>
        <div id="footer">
        </div>

ログイン後にコピー

这段代码通过使用id，class对div模块进行布局，让页面呈现为页头，内容，页尾，并且在内容中分为侧栏和主栏部分。而在页面中，header，content，footer仅会出现一次，故用id标记，而content为了后期方便修改，用class标记。
- ####如何理解 HTML CSS 语义化?
通过语义化可以让人们更容易明白每个标签的作用和使用场景，比如p标签就可以理解为paragraph标签，代表一个段落。诸如此类的还有em标签，hx标签，table标签等。
- ####form表单有什么作用？有哪些常用的input 标签，分别有什么作用？
HTML通过form标签创建表单为用户提供文本字段、复选框、单选框、提交按钮等向服务器传输数据。常见的input标签有：
type 规定 input 元素的类型。
src 定义以提交按钮形式显示的图像的 URL。
checked 规定此 input 元素首次加载时应当被选中。
value 规定 input 元素的值。
name 定义 input 元素的名称。
- ####post 和 get 方式的区别？
get以 URL 变量的形式来发送，将表单数据以名称/值对的形式附加到 URL 中。
post以 HTTP post 的形式来发送，以 HTTP post 事务的方式来传递表单数据。
- ####在input里，name 有什么作用？
name 属性规定 input 元素的名称，用于对提交到服务器后的表单数据进行标识，或者在客户端通过 JavaScript 引用表单数据。
- ####、提交、三者有什么区别？
1.定义一个按钮，。标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。
2.提交是一个a标签定义的超链接，而其样式用class="btn"标记。
3.定义了提交按钮，点击并向服务器发送表单数据。数据会发送到表单的 action 属性中指定的页面。
- ####radio 如何分组?
在input标签中添加name属性进行分组。
- ####placeholder 属性有什么作用?
placeholder 属性提供可描述输入字段预期值的提示信息（hint）。该提示会在输入字段为空时显示，并会在字段获得焦点时消失。
- ####type=hidden隐藏域有什么作用?举例说明
隐藏域在页面中对于用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息，以利于被处理表单的程序