HTML5基本知识-CSDN博客

本文链接：https://blog.csdn.net/weixin_45746945/article/details/102830815

首先要知道html5 是什么，HTML5是什么？html是超文本标记语言，通过不同的标签将网页不同内容进行分类呈现，并构造网页的基本结构。html5则是html的最新标准，它涵盖了html、css、以及JavaScript，更便于我们进行网页开发。
要构成一个网页首先要有基本结构，基本结构的构成十分简单，这些就是网页的一个基本结构，我们可以看到，他大体的分为三个部分，分别是html，head，body，从英文翻译上来看，分别是html超文本标记语言，头和身体。
head 元素是所有头部元素的容器。head 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。以下标签都可以添加到 head 部分：title、base、link、meta、script 以及 style。body元素是网页的身体，网页的基本内容都会呈现在body中。
HTML元素标签、属性都是什么概念？用一个例子解释一下中《h2》和《p》就是标签，由起始和结束两部分组成，中间的古诗是内容，在未添加样式时，内容会在网页中以其默认样式显示，注意一定要让标签闭合；style是属性，为标签提供更多信息。
文档类型是什么概念，起什么作用？在html文件开头，用指示的是文档类型。文档类型用于浏览器识别html文件，使网页能正确得展示在我们面前。表示html文档类型为html5。
meta标签都用来做什么的？标签用于标识html文档元数据，如文档描述、作者、字符编码等。
常用标签都有哪些，都适合用在什么场景？我认为的常用标签如下：《h1》~《h6》用在标题，他会自动加粗字体并与下一行隔开距离；《header》用于页头，通常包括网页名称、网页标志、导航栏等；《footer》用在页脚，包括一些外部链接、版权等；《main》用于构建页面主要内容；《article》用于包含一篇完整的文章；《section》用于页面中出现的章节，通常包含标题和段落；《aside》用于表示不属于页面内容的部分，如侧边栏；《div》可将页面内容进行划分成各个部分，当没有合适的语义标签时，可使用此标签；《p》用于表示段落；《span》是行内元素，可对文档部分内容进行特殊化显示，《strong》用于加粗文本，《em》使文本变为斜体，《br》换行标签，《hr》加入水平线，《a href=“”》链接到…，&nbsp；空格，&gt；大于号，&lt；小于号，&quot；引号，&copy；版权符号
表单标签都有哪些，对应着什么功能，都有哪些属性？标签如下：《input》根据type属性的不同有不同的表现形式，《input type="text”》定义单行文本字段，《input type="password”》定义密码字段，《input type=“search”》定义搜索框，《input type=“submit”》定义提交按钮，《input type=“radio”》定义单选按钮，《input type=“checkbox”》定义复选框，《input type=“button”》定义按钮，《input type=“number”》定义输入数字的字段，《input type=“time”》定义输入时间的字段，《input type=“color”》定义输入颜色的字段，《input type=“range”》定义包含一定范围的输入字段,《input type=“month”》定义输入月的字段,《input type=“week”》定义输入周的字段,《input type=“datetime”》定义输入日期和时间的字段,《input type=“datetime-local”》定义输入当地时间的字段,《input type=“email”》定义输入邮件的字段,《input type=“submit”》定义提交按钮,《input type=“tel”》定义输入电话号码的字段,《input type=“url”》定义输入URL的字段；《textarea》定义了文本域；《select》定义下拉列表；《button》定义按钮；《datalist》定义数据列表；属性有 type 定义标签类型，name 定义标签名字，value定义标签初始值，readonly定义字段只读，disabled使字段被禁用，size定义字段长度，maxlength定义字段最大输入字符长度，autocomplete定义表单或输入字段是否自动填充，novalidate定义在提交表单时不对表单进行验证，autofocus定义在加载表单时自动获取焦点，form定义《input》输入属性属于某一表单，formaction定义在提交表单时如何处理此控件，formenctype定义在将表单提交至服务器时如何对此控件进行编码，formmethod定义发送表单时此控件使用的方法，formnovalidate定义在提交表单时是否对此控件进行验证，formtargt定义在提交表单后接收的属性，height、width定义控件的宽和高，max、min定义最大和最小值，list定义《input》的预定义选项，multiple定义在《input》可输入多个内容，只适用于email和file，pattern可通过输入的正则检查《input》的输入，placeholder定义字段预期值，required定义字段是否必填，step定义字段数字间隔
ol, ul, li, dl, dd, dt等这些标签都适合用在什么地方，举个例子？ol用于表示有序列表，ul用于表示无序列表，li表示有序和无序列表中的每一行， dl用于表示自定义列表，dd表示自定义列表中的每一项，dt表示自定义列表中的定义。
table表格标签的使用，tr表示一行，td表示一行里的内容，colspan与rowspan分别表示标签的跨列与跨行。
多媒体 img ：图像【图像的名称和尺寸是以属性的形式提供的】，源属性src=“图像URL地址”，替换为本属性alt=“xxx”
video：定义视频内容
audio：定义声音内容