11月13日笔记

 

1. alt 属性是一个必需的属性，它规定在图像无法显示时的替代文本。 <img> 标签的 alt 属性指定了替代文本，用于在图像无法显示或者用户禁用图像显示时，代替图像显示在浏览器中的内容。
2. title 表示鼠标在图片上停留时，显示一个悬浮框，其中显示的文字。

说明：title 这个属性在用户体验上很重要。 当然不必要所有的img标签都加此属性，比方说logo这样比较重要或者说用户会体验到的图片内容建议一定要加此属性。

（3）<element_name align="left | right | center | justify">

属性值：

left：设置文字left-align。

right：设置文字right-align。

center:它设置文本center-align。

justify：它拉伸段落文本以将所有行的宽度设置为相等。

1. <img> 标签的 hspace 和 vspace 属性可以设置图像周围的空间。hspace 和 vspace 属性可以给图像一个自由呼吸的空间。通过 hspace，可以以像素为单位，指定图像左边和右边的文字与图像之间的间距；而 vspace 值则是上面的下面的文字与图像之间的距离的像素数。

<img src="w3school.gif" hspace="30" vspace="30" />

（4）使用标签 <a> 来设置超文本链接。

超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

• href：指定链接目标的URL，这是链接的最重要属性。可以是另一个网页的URL、文件的URL或其他资源的URL。
• target（可选）：指定链接如何在浏览器中打开。常见的值包括 _blank（在新标签或窗口中打开链接）和 _self（在当前标签或窗口中打开链接）。
• title（可选）：提供链接的额外信息，通常在鼠标悬停在链接上时显示为工具提示。
• rel（可选）：指定与链接目标的关系，如 nofollow、noopener 等。

链接的 HTML 代码很简单，它类似这样：

<a href="url">链接文本</a>

（5）锚点链接是超链接的一种.锚点可以连接到文档中的某一个特定位置.对于较长的页面来说,使用锚点链接可以 快速定位到页面中的某一个位置,提升用户体验.

1. <div>：内容划分元素

 div没有具体含义，用来划分

1.  <span> 元素是短语内容的通用行内容器，并没有任何特殊语义。可以使用它来编组元素以达到某种样式意图（通过使用类或者 Id 属性），或者这些元素有着共同的属性，比如lang。应该在没有其他合适的语义元素时才使用它。<span> 与 <div> 元素很相似，但 <div> 是一个 块元素 而 <span> 则是 行内元素 (en-US).

（8）当 video 标签添加上 controls 属性时，页面上会显示出所有的控制组件。

autoplay 属性规定一旦视频就绪马上开始播放。

如果设置了该属性，视频将自动播放。

Muted，它指定视频的音频输出应该被静音.

loop 属性规定当视频结束后将重新开始播放。

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

<source> 标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。

（9）value 属性为 input 元素设定值。

对于不同的输入类型，value 属性的用法也不同：

• type="button", "reset", "submit" - 定义按钮上的显示的文本
• type="text", "password", "hidden" - 定义输入字段的初始值
• type="checkbox", "radio", "image" - 定义与输入相关联的值

注释：<input type="checkbox"> 和 <input type="radio"> 中必须设置 value 属性。

注释：value 属性无法与 <input type="file"> 一同使用。

（10）属性 disabled 存在时，元素将不可变、不能聚焦或与表单一同提交。用户将不能在表单控件本身或其子控件进行编辑或聚焦操作。

总览

如果在表单控件上指定了 disabled 属性，则该元素及其子控件不参与约束验证。通常浏览器会将它们打灰处理，它不会收到任何浏览事件，如鼠标点击或与焦点相关的事件。

这些元素支持 disabled 属性：<button>、<command>、<fieldset>、<optgroup>、<option>、<select>、<textarea> 和 <input>。

checked 属性规定在页面加载时应该被预先选定的 input 元素。

checked 属性 与 <input type="checkbox"> 或 <input type="radio"> 配合使用

placeholder 属性提供可描述输入字段预期值的提示信息（hint）。 该提示会在输入字段为空时显示，并会在字段获得焦点时消失。 注释： placeholder 属性适用于以下的 <input> 类型：text, search, url, telephone, email 以及 password。

<textarea> 元素表示一个多行纯文本编辑控件，当你希望用户输入一段相当长的、不限格式的文本，例如评论或反馈表单中的一段意见时，这很有用。