HTML学习五（HTML标签）

oscarDP
55 阅读21分钟

基础标签

  1. DOCTYPE 定义文档类型

  2. html 定义一个HTML文档 （支持全局属性）

  3. title  为文档定义一个标题

  4. body  定义文档的主体（支持全局属性）

  5. h1、h2、h3、h4、h5、h6标签定义不同大小的标题

  6. p 标签 定义一个段落

  7. br 定义折行（换行）

  8. hr 水平线

格式标签

abbr 定义一个缩写 <abbr title="World Health Organization">WHO</abbr>

  1. address 定义文档作者/拥有者的联系信息

    <address>
Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br> 
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

  2.  b 定义加粗字体 <b>加粗</b

  3. bdi    允许设置一段文本，使其脱离父元素的文本方向设置（可用于特殊文字的加载） 

    <bdi>إيان</bdi>

  4. bdo 定义文本方向    属性：

    <bdo dir="rtl">该段落文字从右到左显示。</bdo>// dir {
    ltr:从左向右的文本方向
   rtl:从左到右    }

  5. blockquote 标签定义摘自另一个源的块引入，浏览器会对blockquote 元素进行缩进

    <blockquote cite="http://www.worldwildlife.org/who/index.html">For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.</blockquote>

  6. cite 定义作品（如书籍、歌曲、电影等）的标题

  7. code 定义代码 <code>一段电脑代码 console.log("Hello World")</code>

  8. del 定义被删除文本<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>

  9. dfn 定义项目 <dfn>定义项目</dfn>

  10. em 强调文本 

  11. i 定义斜体文本

  12. ins 定义插入文本

  13. kdb 它用来表示文本是从键盘上键入的。浏览器通常用等宽字体来显示该标签中包含的文本

  14. mark 带有标记的文本

  15. meter 度量衡 (可以用来绘制进度条) <meter value="2" min="0" max="10">2 out of 10</meter> // IE浏览器不支持mater标签

  16. pre 定义格式标签 ，输入的什么样就呈现什么样的

  17. progress  进度标签可以用来绘制进度 <progress value="22" max="100"> </progress> // 支持IE9以上版本浏览器

  18. q 定义短的引用

    WWF's goal is to: Build a future where people live in harmony with nature. We hope they succeed.

    //WWF's goal is to: "Build a future where people live in harmony with nature." We hope they succeed.

  19. rp定义不支持ruby元素的浏览器所显示的内容

  20. rt 定义字符（中文注音或字符）的解释或发音

  21. ruby 定义ruby注释（中文注音或字符）

    汉 (Han) 字 (zi)

  22. s 加入删除线 <p><s>My car is blue.</s></p>

  23. samp  用来定义计算机代码样本

  24. small  定义消耗文本

  25. strong 定义语气更为强烈的强调文本（加粗）

  26. sub 定义下标文本

  27. sup 定义上标文本

  28. time 定义一个日期/时间 

    我们在每天早上 开始营业。

    我在 有个约会。

    属性： datetime:规定日期/时间。 //pubdate:指示

  29. u 定义一个下划线文本

  30. var 定义文本变量部分

  31. wbr 规定文本中在何处适合换行

表单标签

  1. form 定义一个html表单，用于用户输入

  2. input 定义一个输入控件

    属性：
type: 规定要显示input 元素的类型{button、checkbox、color、date、datetime、datetime-local、emailfile、hidden、image、month、number、password、radio、range、reset、search、submit、tel、
text、time、url、week}
accept: 规定通过文件上产过来提交的文件的类型（只有type="file"）时才会生效
alt:定义图像输入的替代文本。（只针对type="image"）
autocomplete:规定input元素输入字段是否应该启用自动完成功能
autofocus: 规定当页面加载时，input元素应该自动获得焦点
checked：规定在页面加载时应该被预先选定的input元素 （只针对type="checkbox"或者type="radio")
disabled: 规定禁用input 元素
form：规定input元素所属的一个或多个表单
formaction: 规定当表单提交时处理输入空间的文件的url(只针对type="submit"和type="image")
formenctype: 规定当飙到数据提交到服务器时如何编码(只针对type="submit"和type="image")formmethod: 定义发送表单数据到action URL 的http方法(只针对type="submit"和type="image")formnovalidate: 覆盖form 元素的novalidate 属性
formtarget 规定表示提交表单后在哪里显示接收响应的名称或关键词。
height: 规定input元素的高度 (只针对type="image")
list：引用datalist 元素，其中包含input 元素的预定义选项
max: 规定input 元素的最大值
maxlength：规定input元素中允许的最大字符数
min:规定input 元素的最小值
multiple: 规定用户输入到<input>元素的多个值
name: 规定input 元素的名称
pattem:规定用于验证<input>元素的值的正则表达式
placeholder:规定可描述输入input 字段预期值的简短的提示信息
readonly:规定输入字段是只读的
required:规定必须在提交表单之前填写输入字段
size:规定以字符数计的input元素的可见宽度
src:规定显示为提交按钮的图像的URL（只针对type="image"）
step: 规定input元素的合法数字间隔
value: input 元素value的值
width: 规定input 元素的宽度（只针对type="image"）

  3. textarea:定义惰性的文本输入控件

    属性:
autofocus:规定当页面加载时，文本区域自动获取焦点
cols：规定文本区域内可见的宽度
disabled:禁用文本区域
form:定义文本区域所属的一个或多个表单
maxlength:规定文本区域允许的最大字符数
name:规定文本区域的名称
placeholder:规定一个简短的提示，描述文本区域期望的输入值
readonly:规定文本区域为只读
required:规定文本区域是必须的必填的
rows: 规定文本区域内可见的行数
wrap：规定当提交表单时，文本区域内的文本应该怎样换行
（1：默认soft:最大宽度换行
2：hard:文本最大宽度时自动插入换行符，需要指定cols属性）

  4. button:定义按钮

    autofocus:规定当前页面加载时按钮应当自动获得焦点
disabled：禁用按钮
form:规定按钮属于一个或多个表单
formaction:规定当提交表单时向何处发送表单数据。覆盖form元素的action属性。该属性与type="submit" 配合使用
formenctype:规定向服务器发送表单数据之前如何对其进行编码。覆盖 form 元素的 enctype 属性。该属性与 type="submit" 配合使用
1.application/x-www.form-urlencoded
2.multipart/form-data
3.text/plain
formmethod:规定用于发送表单数据的http方法。覆盖form元素的method属性。该属性与type="submit"配合使用。
1.get方法
2.post 
formnovalidate：如果使用该属性，则提交表单时不进行验证。覆盖form元素的novalidate属性。该属性与type="submit"配合使用
formtarget:规定在何处打开action URL.覆盖form元素的target属性。该属性与type="submit"配合使用
name:规定按钮的名称
type:规定按钮的类型
1.button
2.reset
3.submit
value:规定按钮的初始值

  5. select:下拉列表

    autofocus：规定在页面加载时下拉列表自动获得焦点
disabled:禁用属性
form:定义select 字段所属的一个或多个表单
multiple:定义多选
name: 定义下拉列表的名称
required：规定用户在提交表单钱必须选择一个下拉列表中的选项
size:规定下拉列表中可见选项的数目

  6. optgroup: 定义选择列表中的选项

    disabled:规定禁用该选项组
label:为选项组规定描述

  7. option:选择列表中的选项

    disabled:规定次选项应在首次加载时被禁用
label:定义当使用optgroup 时所使用的的标注
selectted:规定选项（在首次显示在列表中时）表现为选中状态
value:定义送往服务器的选项值

<select>  <optgroup label="Swedish Cars">    <option value="volvo">Volvo</option>    <option value="saab">Saab</option>  </optgroup>  <optgroup label="German Cars">    <option value="mercedes">Mercedes</option>    <option value="audi">Audi</option>  </optgroup></select>

  8. label:定义input 元素的标注

    for: 规定label 与哪个表单元素绑定
form:规定label字段所属的一个或多个表单

  9. fieldset: 定义围绕表单中元素的边框

    disabled:规定该组中的相关表单元素应该被禁用
form:规定fieldest所属的一个或多个表单
name:规定fieldset的名称

  10. datalist:标签规定了input元素可能的选项列表

  11. keygen:规定用于表单的密钥对生成器字段

    autofocus:使keygen 字段在页面加载时获得焦点。 challenge: 如果使用，则将keygen的值设置为在提交时询问 disabled：禁用 form:定义keygen 字段所属的一个或多个表单 keytype: 定义密钥的安全算法 1.rsa 2.dsa 3.ec name:定义keygen 元素的唯一名称。name属性用于在提交表单时手机字段的值

  12. output:定义一个计算的结果

    for:描述计算中使用的元素与计算记过之间的关系 form:定义输入字段所属的一个或多个表单 name:定义对象的唯一名称（表单提交时使用）

    0 100 + =

框架标签

  1. iframe：定义内联框架

    height:规定iframe的高度
name:规定iframe的名称
sandbox: 对iframe 的内容定义一系列额外的限制
1.allow-forms
2.allow-same-orgin
3.allow-scripts
4.allow-top-navigation
seamless：规定iframe看起来像是父文档中的一部分
src:规定在iframe 中显示的文档的URL
srcdoc：规定页面中的HTML内容显示在iframe中
width:规定iframe的宽度

图像标签

  1. img:定义图像

    loading：指定浏览器是应立即加载图像还是延迟加载图像
    1.eager:立即加载    2.lazy:延迟加载alt: 规定图像的替代文本
crossorigin:设置图像的跨域属性
    1.anonymous 2.use-credentialsheight:规定图像的高度
ismap:将图像规定为服务器端图像映射
src: 规定图像的URL
usemap:将图像定义为客户器端图像映射
width:规定图像的宽度

  2. map:用户客户端图像映射。图像映射指带有可点击区域的一幅图像。
    img 中的usemap属性可引用中的id或name苏醒（取决于浏览器），所以我们硬同事向添加id和name属性。
    area元素永远嵌套在map元素内部。area元素可定义图像映射中的区域

    name:必须。image-map规定的名称

  3. area:定义图像地图的内部区域。
    area 标签定义图像映射内部的区域（图像映射指的是带有可点击区域的图像）。
    area 元素始终嵌套在map标签内部

    alt:规定区域的替代文本。如果使用href属性，则该属性是必须的。
coords:规定区域的坐标。
href:规定区域的目标URL。
hrefang:规定目标URL的语言。
media:规定目标URL是为何种媒介/设备优化的。
nohref:规定没有相关链接的区域。
rel：{alternate,author,bookmark,help,license,next,nofollow,noreferrer,prefetch,prev,search,tag} 规定当前文档与目标URL之间的关系
shape:{default,rect,circle,poly}规定区域的形状
target:(_blank,_parent,_self,_top,framename) 规定在何处打开目标URL
type:{MIME_type} 规定目标URL的MIME类型。

  4. canvas 通过脚本语言（javascript）来绘制图形。
    canvas 标签只是图形容器，我们使用javaScript 脚本来绘制图形。

    height:规定画布的高度
weight:规定画布的宽度

  5. figure: 标记文档中的一个图像。
    figure 标签规定独立的流内容（图像，图表，照片，代码等）
    figure 元素的内容应该与主内容相关，同事元素的位置相对于内容是独立的。

    <figure>
  <img decoding="async" src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
</figure>

  6. figcaption:元素标记文档中的一个图像。
    figcaption 标签为

    元素定义标题
    figcaption 元素应该被置于
    元素的第一个或最后一个子元素的位置。

    <figure>
  <img decoding="async" src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
  <figcaption>Fig1. - A view of the pulpit rock in Norway.</figcaption>
</figure>

媒体标签

  1. audio: 定义声音，比如音乐或其他音频流。
    audio 元素支持的三种文件格式：MP3,Wav,Ogg。

    <audio controls>
  <source src="horse.ogg" >
  <source src="horse.mp3" >
您的浏览器不支持 audio 元素。
</audio>

  2.  video: 标签定义视频，如电影片段或其他视频流。
    video 元素支持三种视频格式：MP4、Web、Ogg

    autoplay：视频就绪后马上播放。
controls: 向用户显示控件，如播放按钮等
height:设置视频播放器的高度
width: 设置视频播放器的宽度
loop:视频播放完成后再次开始重新播放
muted:默认视频播放为静音播放
poster:视频开始播放前的图像，直到用户点击播放按钮
preload:设置视频在页面加载时进行加载，并预备播放。如果使用“autoplay”,则忽略该属性。
src:视频地址URL

<video width="320" height="240" controls>
  <source src="movie.mp4"  type="video/mp4">
  <source src="movie.ogg"  type="video/ogg">
  您的浏览器不支持 HTML5 video 标签。
</video>

  3. source：标签为媒体元素（video和audio）定义媒体资源
    source:标签允许规定两个视频\音频文件供浏览器根据它对媒体类型或者编码器的支持进行选择。

    media:规定媒体资源的类型，供浏览器决定是否下载。
src:规定媒体文件的URL。
type:规定媒体资源的MIME类型。
size:不同页面布局设置不同图片大小
srcset: source 应用于picture 标签时需要使用到。指定在不同情况下使用的图像URL。

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>
或
<picture>
  <source media="(min-width:650px)" srcset="https://static.runoob.com/images/runoob-logo.png">
  <source media="(min-width:465px)" srcset="https://static.runoob.com/images/code-icon-script.png">
  <img decoding="async" src="https://static.runoob.com/images/mix/hjkg_icon.png"  style="width:auto;">
</picture>

  4. track:标签为媒体元素（audio和video）规定外部文本轨道，也就是字幕，字幕格式有WebVTT格式（.vtt格式文件）。这个元素用于规定字幕文件或其他包含文本的文件，当媒体播放时，这些文件是可见的。

    default:规定该轨道是默认的。如果用户没有选择任何轨道，则使用默认轨道。
kind:规定文本轨道的文本类型（captions,chapters,descriptions,metadata,subtitles）
label:规定文本轨道的标签和标题
src:必需的。规定轨道文件的URL
srclang:规定轨道文本数据的语言。如果kind属性值是“subtitles”,则该属性是必需的。

<video width="320" height="240" controls>
<video controls
       src="/video/php/friday.mp4">
    <track default
           kind="captions"
           srclang="en"
           src="/video/php/friday.vtt" />
    抱歉，您的浏览器不支持嵌入视频！
</video>
</video>

链接

  1. a: 标签定义超链接，用于从一个页面链接到另一个页面
    a元素最重要的属性是href属性，它指定链接的目标。
    {
    未被访问的链接带有下划线且是蓝色的
    已被访问的链接带有下划线而且是紫色的
    活动链接带有下划线而且是红色的
    }

    charset:规定目标URL的字符编码 HTML5不支持
corrds: 规定链接的坐标。HTML5不支持
download: 指定下载链接
href：规定链接的目标URL
hreflang: 规定目标URL的基准语言。尽在href属性存在时使用
media: 规定目标URL的媒介类型。默认值：all。仅在href属性存在时使用。
ref:规定当前文档与目标URL之间的关系。仅在href属性存在时使用。（alternate、author、bookmark、help、licenes、next、nofollow、noreferrer、prefetch、prev、search、tag）
rev：规定目标URL与当前文档之间的关系。HTML5不支持
shape:规定链接的形状（default、rect、circle、poly）
target:规定在何处打开目标URL，仅在href属性存在时使用{
   1._blank:新窗口打开
   2._parent:在父窗口中打开链接
   3._self:默认，当前页面跳转
   4._top:在当前窗体打开链接，并替换当前的整个窗体（框架页）
}
type:规定URL的MIME类型。仅在href属性存在时使用。

<a href="https://www.runoob.com">访问菜鸟教程!</a>

  2. link：定义文档与外部资源的关系。最常见的用途是链接样式表。
    注意：link 元素是空元素，它仅包含属性。
    注意: 此元素只能存在于head部分，不过它可出现任何次数。

    charset:定义被链接文档的字符编码方式。 HTML5不支持该属性。
href:定义被链接文档的位置。
hreflang:定义被链接文档中文本的语言
media: 规定被链接文档将显示在什么设备上。
rel: 必需。定义当前文档与被链接文档之间的关系。（alternate、archives、author、bookmark、external、first、help、icon、last、license、next、nofollow、noreferrer、pingback、prefetch、prev、search、sidebar、stylesheet、tag、up）
rev: 定义被链接文档与当前文档之间的关系。 HTML5不支持该属性。
sizes：定义了链接属性大小，支队属性rel="icon"起作用
target:定义在何处加载被链接文档。 HTML不支持该属性。
type：规定被链接文档的MIME类型

  3. main：标签用于指定文档的主体内容。
    main：标签中的内容在文档中是唯一的。

    <main>
  <h1>Web 浏览器</h1>
  <p>Google Chrome、Firefox 以及 Internet Explorer 是目前最流行的浏览器。</p>
 
  <article>
    <h1>Google Chrome 浏览器</h1>
    <p>Google Chrome 浏览器是由 Google 开发的一款免费的开源 web 浏览器，于 2008 年发布。</p>
  </article>
 
  <article>
    <h1>Internet Explorer 浏览器</h1>
    <p>Internet Explorer 浏览器由微软开发的一款免费的 web 浏览器，发布于 1995 年。</p>
  </article>
 
  <article>
    <h1>Mozilla Firefox 浏览器</h1>
    <p>Firefox 浏览器是一款来自 Mozilla 的免费开源 web 浏览器，发布于 2004 年。</p>
  </article>
</main>

  4. nav：定义导航链接的部分。nav 元素只是作为标注一个导航链接的区域。

    <nav>
  <a href="/html/">HTML</a> |
  <a href="/css/">CSS</a> |
  <a href="/js/">JavaScript</a> |
  <a href="/jquery/">jQuery</a>
</nav>

列表

  1. ul:定义一个无序列表 。与li标签一起使用

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

  2. ol：定义一个有序列表，列表排序以数字来显示。与li一起使用标识列表选项

    resersed:倒序排序
start:起始值
type:{
a：小写英文字母编号
A：大写英文字母编号
i: 小写罗马数字编号
I：大写罗马数字编号
1：数字编号（默认）
}
<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
 
<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol

  3. li：定义列表项目。li标签可以用在有序列表ol，无序列表ul和菜单列表menu中

  4. dir：定义目录列表（已废弃）

  5. dl：定义一个描述列表。标签与 dt（定义项目/名字）和dd （描述每一个项目/名字）一起使用。

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

  6. dt: 定义一个描述列表的项目/名字

  7. dd：描述列表中的项目/名字 

  8. menu：定义了一个命令列表或菜单(已废弃)

  9. command:定义用户可能调用的命令（只有IE9支持command）

表格

  1. table：定义HTML表格
    一个HTML表格包括table元素，一个或多个tr、th以及td元素。
    tr元素定义表格行，th元素定义表头，td元素定义表格单元。
    更复杂的HTML表格也可能包括caption、col、colgroup、thead、tfoot以及tbody元素。 

  2. caption：定义表格的标题。caption标签必须直接放置到table标签之后

  3. th：标签定义HTML表格中的表头单元格。

  4. tr：标签定义HTML表格中的行。一个tr元素包含一个或多个th或td元素。

  5. td：标签定义HTML 表格中的标准单元格。

  6. thead：标签用于组合HTML表格的表头内容。thead 应该与 tbody和tfoot元素结合起来使用，用来规定表格的各个部分（表头、主体、页脚）。

  7. tbody：标签用于组合HTML表格的主体内容。 

  8. tfoot：标签用于组合HTML表格的页脚内容。

    <table border="1">
  <thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <td>Sum</td>
      <td>$180</td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
    </tr>
  </tbody>
</table>

  9. col：规定了colgroup 元素内部的每一列的属性。通过col标签，可以向整个列应用样式，而不需要重复为没个单元格或每一行设置样式。

  10. colgroup：标签用于对表格中的列进行组合，以便对其进行格式化。通过使用colgroup标签，可以向整个列应用样式，而不需要重复为没个单元格或每一行设置样式。
    注释：只能在table元素之内，在任何一个caption元素之后，在任何一个thead、tbody、tfoot、tr元素之前使用colgroup标签。
    提示：如果想对colgroup 中的某列定义不同的属性，请在colgroup标签内使用col标签。

    ISBN Title Price
    3476896 My first HTML $53

样式/节

  1. style:定义HTML文档样式信息。在style元素中，您可以在规定在浏览器中如何呈现html文档。每个HTML文档能包含多个style 标签。
    注释：如果没有使用“scoped”属性，则每一个style标签必须位于head头部区域。

    <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title>
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
</head>
 
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>
 
</html>

  2. div：定义HTML文档中的一个分隔区块或者一个区域部分。标签常用于组合块级元素，以便通过css来对这些元素进行格式化。
    提示：div经常与css一起使用，用来页面布局。
    注释：默认情况下，浏览器会在div元素前后放置一个换行符。我们可以通过css改变。

  3. span：用于对文档中的行内元素进行组合。span标签没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。如果不对span应用样式，那么span元素中的文本与其它文本不会有任何视觉上的差异。span提供了一种将文本或者文档的一部分独立出来的方式。
    提示：span我们可以通过css或者js对它进行操作

  4. header：定义文档或者文档一部分区域的页眉。header应该作为介绍内容或者导航栏链接的容器。在一个文档中我们可以定义多个header元素。
    注释：header 标签不能被放在footer、address或者另一个header元素内部。

  5. footer：定义文档或者文档的一部分区域的页脚。在一个文档中我们可以定义多个footer元素。

  6. section：定义了文档的某个区域。比如章节、头部、底部或者文档的其他区域。
    注释：IE8或者更早版本的IE浏览器不支持section标签

  7. article：定义独立的内容，定义的内容本身必须是有意义的且必须是独立于文档的其余部分。
    注释：IE8或更早版本的IE浏览器不支持article标签

  8. aside：定义article 标签外的内容。aside的内容应该与附近的内容相关。
    提示：aside 的内容可用作文章的侧栏。
    注释：IE8或更早版本的IE浏览器不支持aside标签

  9. details：规定用户可见的或者隐藏的需求的补充细节，可以供用户开启关闭的交互式控件。任何形势的内容都能被放在details标签里边。元素的内容对用户是不可见的除非我们设置open属性
    注意：目前，只有 Chrome 和 Safari 6 支持

    标签。

  10. dialog：定义一个对话框、确认框或窗口。
    注意：不支持IE浏览器

    open:规定dialog元素是有效的，用户可以与它进行交互

    January This is an open dialog window February March
    31 28 31

  11. summary：为details 元素定义一个可见的标题。当用户点击标题时会显示出详细信息。

    Epcot Center

    Epcot is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.

元信息

  1. head：是所有头部元素的容器。元素必须包含文档的标题（title）。可以包含脚本、样式、meta信息以及其他更多的信息。

  2. meta：元数据数据信息
    注意：meta 位于head 区域内，元数据通常以名称/值 对出现，如果没有提供name属性，那么名称/值对中的名称会采用http-equiv属性的值。

  3. base：为页面上所有的相对链接规定默认URL或默认目标。在一个文档中，最多能使用一个base元素。base标签必须位于head元素内部。

    <head>
<base href="http://www.runoob.com/images/" target="_blank">
</head>

  4. basefont：定义文档中所有文本的默认颜色、大小和字体。（HTML5不支持）

    <head><basefont color="red" size="5" /></head><body><h1>This is a heading</h1><p>This is a paragraph.</p></body>

程序

  1. script：用于定义客户脚本，元素即可包含脚本语句，也可以通过src属性指向外部脚本文件。
    注意：使用src属性，则script元素必须是空的

    注释： 有多种执行外部脚本的方法：

    • 如果 async="async"：脚本相对于页面的其余部分异步地执行（当页面继续进行解析时，脚本将被执行）
    • 如果不使用 async 且 defer="defer"：脚本将在页面完成解析时执行
    • 如果既不使用 async 也不使用 defer：在浏览器继续解析页面之前，立即读取并执行脚本

  2. noscript：用来定义在脚本未被执行时的替代内容。
    **提示：**如果浏览器支持脚本，那么它不会显示出 noscript 元素中的文本。
    **注释：**无法识别

  3. applet：applet定义嵌入的applet（HTML5不支持，使用object标签代替它）

    <applet code="Bubbles.class" width="350" height="350">
Java applet that draws animated bubbles.
</applet>

  4. embed：embed标签定义了一个容器，用来嵌入外部应用或者互动程序（插件）
    注意：现在已经不建议使用 标签了，可以使用 、、、 等标签代替。

  5. object：定义一个嵌入的对象。我们使用此元素向XHTML页面添加多媒体。此元素允许我们规定插入HTML文档中的对象的数据和参数，以及可用来显示和操作数据的代码。
    object：标签用于包含对象，比如图像、音频、视频、java appkets、ActiveX、PDF以及Flash。object 的初衷是取代 img 和 applet 元素。不过由于漏洞以及缺乏浏览器支持，这一点并未实现。浏览器的对象支持有赖于对象类型。不幸的是，主流浏览器都使用不同的代码来加载相同的对象类型。而幸运的是，object 对象提供了解决方案。如果未显示 object 元素，就会执行位于 和 之间的代码。通过这种方式，我们能够嵌套多个 object 元素（每个对应一个浏览器）。

  6. param：允许我们插入XHTML文档的对象规定run-time设置。该标签可为包含它的object或者applet标签提供参数。在 HTML 中， 标签没有结束标签。在 XHTML 中， 标签必须被正确地关闭

    <object data="horse.wav">  <param name="autoplay" value="true"></object>

avatar
文章
阅读
粉丝