HTML笔记整理

HTML笔记整理

学习资源：MDN HTML

本学习笔记面向 mdn web 中文文档资源，重新系统过一遍HTML，查漏补缺，不定期更新~

• HTML中的特殊字符( < > ’ "& 空格)需要转义

  字符	转义字符
  "	&quot ;
  &	& amp ;
  <	&lt ;
  >	&gt ;
  空格	&nbsp ;

• <meta charset="utf-8"> 表示字符格式为utf-8

• <title>网页的title

• <ul>无序显示 <ol>有序显示 <li>包裹数据元

• <em> 斜体<strong>加粗

  HTML5：<b>粗体 <i>斜体 <u>下划线

• html<a href="contacts.html#Mailing_address">

  访问对应页面中的ID号比如跳转到

  <h2 id="Mailing_address">邮寄地址</h2>

• 在下载链接时使用 download 属性

• 电子邮箱链接：其最基本和最常用的使用形式为一个 mailto: 链接，链接指明收件人的电子邮件地址。用于发送邮件

  <a href="mailto:nowhere@mozilla.org">XXX</a>

• 描述列表

​ dl表示列表

​ dt表示每一项

​ dd表示描述

​ 样例

<dl>
  <dt>培根</dt>
    <dd>整个世界的粘合剂。</dd>
  <dt>鸡蛋</dt>
    <dd>一块蛋糕的粘合剂。</dd>
  <dt>咖啡</dt>
    <dd>一种浅棕色的饮料。</dd>
    <dd>可以在清晨带来活力。</dd>
</dl>

• 行内引用 < q > " "

• 说略语 < abbr title = ’‘ >

• < sup > 上标 < sub > 下标

• code: 用于标记计算机通用代码。

• pre: 用于保留空白字符（通常用于代码块）——如果您在文本中使用缩进或多余的空白，浏览器将忽略它，您将不会在呈现的页面上看到它。但是，如果您将文本包含在<pre></pre>标签中，那么空白将会以与你在文本编辑器中看到的相同的方式渲染出来。

• var: 用于标记具体变量名。

• kbd: 用于标记输入电脑的键盘（或其他类型）输入。

• samp: 用于标记计算机程序的输出。

• <div> 是一个块级无语义元素，应仅用于找不到更好的块级元素时，或者不想增加特定的意义时。

• < img src alt> alt文字描述（无法显示时的注释）

• <figure> 独立单元<figcaption>描述

• <video> <audio> 音视频

• <iframe>web嵌套

  allowfullscreen

  如果设置，<iframe>则可以通过全屏 API设置为全屏模式（稍微超出本文的范围）。

  frameborder

  如果设置为 1，则会告诉浏览器在此框架和其他框架之间绘制边框，这是默认行为。0 删除边框。不推荐这样设置，因为在 CSS 中可以更好地实现相同的效果。border : none;

  src

  该属性包含指向要嵌入文档的 URL 路径。

  width和 height

  这些属性指定你想要的 iframe 的宽度和高度。

• 其他嵌入技术…< embed >< object >

• < svg > 矢量图