day01

1-HTML 新增那些标签？

<article> -------定义一个文章区域

<aside> -------定义页面的侧边栏内容

<audio> ------定义音频内容

<bdi> ------允许您设置一段文本，使其脱离其父元素的文本方向设置。

<canvas> ------定义图形，比如图表和其他图像,标签只是图形容器，您必须使用脚本来绘制图形

 <command> ------定义命令按钮，比如单选按钮、复选框或按钮

<datalist> ------定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。

<details> ------用于描述文档或文档某个部分的细节

<dialog> ------定义对话框，比如提示框

<embed> ------定义嵌入的内容，比如插件。

<figcaption> ------定义<figure> 元素的标题

<figure> ------规定独立的流内容（图像、图表、照片、代码等等）。

<footer> ------定义 section 或 document 的页脚。

<header> ------定义了文档的头部区域

<keygen> ------规定用于表单的密钥对生成器字段。

<mark> ------定义带有记号的文本。请在需要突出显示文本时使用 <m> 标签。

<meter> ------定义度量衡。仅用于已知最大和最小值的度量。

<nav> ------定义导航链接的部分

<output> ------定义不同类型的输出，比如脚本的输出。

<source> ------<source> 标签为媒介元素（比如 <video> 和 <audio>）定义媒介资源。

<time> ------定义日期或时间，或者两者。

<video> ------<video> 标签定义视频，比如电影片段或其他视频流。

 

2-H5 新增的布局标签有哪些？

header标签：头部标签

footer标签：底部标签

section标签：区块标签

aside标签：侧边栏标签

nav（navigator）标签：导航标签

3-行内元素和块级元素的区别？

块级元素-------会独占一行，多个元素会另起一行，可以width、height、margin和padding属性

行级元素------元素不会独占一行，设置width、height属性无效。但可以设置水平方向的margin和padding属性，不可以设置垂直方向的padding和margin

4-列举行内元素和块级元素的标签？（5 个）

1）、行内元素

<span>、<a>、
、<b>、<strong>、<img>、<input>、<textarea>、<select>、^{、_{、<em>、<del>}}

2）、块级元素

<address>、<center>、<h1>~<h6>、<p>、<div>

5-行内元素的 margin 和 padding 可以设置吗？

不行

6-readonly 和 disabled 的区别

 

这两种写法都会使显示出来的文本框不能输入文字

readonly 不可编辑，但可以选择和复制；值可以传递到后台，通过request.getParameter("name")可以得到内容。只针对input(text / password) 和 textarea有效，
disabled 使文本框变灰，不可编辑，不能复制，不能选择；值不可以传递到后台，通过request.getParameter("name")得不到文本框中的内容，对于所有的表单元素都有效，包括select，radio，checkbox，button等

 

7-哪些标签存在伪元素？

大部分双标签都有   iframe 没有

大部分单标签都没有   img有

 

8-伪元素可以使用 js 来操作吗？为什么？

伪元素可以被浏览器渲染，但本身并不是DOM元素。它不存在于文档中，所以JS无法直接操作它。