Häufig gestellte Fragen in HTML 1

Dieses Mal werde ich Ihnen einige häufige Probleme in HTML vorstellen? Wie verwende ich geordnete Listen, ungeordnete Listen und benutzerdefinierte Listen? Schreiben Sie ein einfaches Beispiel. Was sind die semantischen Unterschiede zwischen den dreien? Welche Nutzungsszenarien gibt es? Kann es verschachtelt werden?

Eine geordnete Liste ist ein mit Zahlen markiertes Listenelement:

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

Der Effekt ist wie folgt:

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

Eine ungeordnete Liste ist Die durch den Ursprung gekennzeichneten Listenelemente:

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

Der Effekt ist wie folgt:

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

Die Kombination der durch die benutzerdefinierte Liste dargestellten Elemente plus Kommentare:

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

Der Effekt ist wie folgt:

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

Diese drei Listen können ineinander verschachtelt werden.
- ####Wie entferne ich die Punkte oder Zahlen am Anfang der Liste?
Verwenden Sie einfach CSS-Stile

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

- Was ist der Unterschied zwischen ####class und id? Wann sollte die Klasse und wann die ID verwendet werden?
1. Die ID ist eindeutig und die Klasse ist universell.
2.ID ist eindeutig und wird normalerweise für das Seitenlayout verwendet.
3.Klasse ist wiederholbar und wird normalerweise zur Stildefinition verwendet.
4. Die Stilpriorität von ID ist höher als Klasse.
- ####Was sind Elemente auf Blockebene und Inline-Elemente? Was ist der Unterschied? Welchen gängigen Tags entsprechen sie?
Elemente auf Blockebene beginnen (und enden) normalerweise mit einer neuen Zeile, wenn sie vom Browser angezeigt werden.
Inline-Elemente (Inline-Elemente) beginnen bei der Anzeige normalerweise nicht in einer neuen Zeile.
Unterschiede:
1. Elemente auf Blockebene belegen eine exklusive Zeile und ihre Breite füllt automatisch die Breite ihres übergeordneten Elements aus.
Inline-Elemente werden nicht in derselben Zeile angeordnet. Sie werden nicht umgebrochen, bis eine Zeile nicht mehr passt.
2. Block-. Ebenenelemente können Breite und Höhenattribut festlegen, Inline-Elemente können Breite festlegen, Höhe ist ungültig
3. Elemente auf Blockebene können Rand und Abstand festlegen. Das horizontale Padding-left, padding-right, margin-left, margin-right von Inline-Elementen erzeugt alle Randeffekte, aber das vertikale padding-top, padding-bottom , margin-top, margin-bottom erzeugen keine Randeffekte.
Element-Tags auf Blockebene: div, p,form,ul,li,ol,dl,form,address,fieldset,hr,menu, table.
Inline-Elementbeschriftungen: span, strong, em, br, img, input, label, select, textarea, cite.
- ####Welche Funktionen haben display: block, display: inline bzw. display: inline-block?
1.display:block: Dieses Element wird als Element auf Blockebene angezeigt. und es wird ein Newline-Zeichen geben.
2.display:inline: Dieses Element wird als Inline-Element angezeigt, ohne Zeilenumbrüche vor und nach dem Element.
3.display:inline-block: Rendert das Objekt als Inline-Objekt, aber der Inhalt des Objekts wird als Blockobjekt gerendert. Benachbarte Inline-Objekte werden in derselben Zeile gerendert, sodass Leerzeichen möglich sind.
- ####Was ist die Funktion des folgenden Codes

       <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 引用表单数据。
- ####bb9345e55eb71822850ff156dfde57c8提交65281c5ac262bf6d81768915a4a77ac0、dc70b20ff58391e5e1b770945ac685fa提交5db79b134e9f6b82c0b36e0489ee08ed、892fc1b3743fe80ae197d7a1a60c2276三者有什么区别？
1.bb9345e55eb71822850ff156dfde57c8提交65281c5ac262bf6d81768915a4a77ac0定义一个按钮，。bb9345e55eb71822850ff156dfde57c8 与 65281c5ac262bf6d81768915a4a77ac0 标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。
2.dc70b20ff58391e5e1b770945ac685fa提交5db79b134e9f6b82c0b36e0489ee08ed是一个a标签定义的超链接，而其样式用class="btn"标记。
3.892fc1b3743fe80ae197d7a1a60c2276定义了提交按钮，点击并向服务器发送表单数据。数据会发送到表单的 action 属性中指定的页面。
- ####radio 如何分组?
在input标签中添加name属性进行分组。
- ####placeholder 属性有什么作用?
placeholder 属性提供可描述输入字段预期值的提示信息（hint）。该提示会在输入字段为空时显示，并会在字段获得焦点时消失。
- ####type=hidden隐藏域有什么作用?举例说明
隐藏域在页面中对于用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息，以利于被处理表单的程序

所使用。浏览者单击发送按钮发送表单的时候，隐藏域的信息也被一起发送到服务器。

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

相关阅读：

简述CSS中clearfix 的原理

CSS常见样式

怎样用CSS3制作登录框

CSS的选择器有哪些常见问题

Das obige ist der detaillierte Inhalt vonHäufig gestellte Fragen in HTML 1. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!