HTML标签详解-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_44035131/article/details/107509665

base

标签为页面上的所有链接规定默认地址或默认目标，因此页面中的链接或图像地址可以只写基于设定好的目标地址后的地址。

<html>
<head>
<base href="http://www.w3school.com.cn/i/" />
<base target="_blank" />
</head>

<body>
<img src="eg_smile.gif" /><br />
<p>请注意，我们已经为图像规定了一个相对地址。由于我们已经在 head 部分规定了一个基准 URL，浏览器将在如下地址寻找图片：</p>
<p>"http://www.w3school.com.cn/i/eg_smile.gif"</p>

<br /><br />
<p><a href="http://www.w3school.com.cn">W3School</a></p>
<p>请注意，链接会在新窗口中打开，即使链接中没有 target="_blank" 属性。这是因为 base 元素的 target 属性已经被设置为 "_blank" 了。</p>

</body>
</html>

map与area

map：定义一个图像映射（图像映射是指带有可点击区域图像）
area：定义可点击图像映射中的区域（区域形状可为任意形状）

<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />

<map name="planetmap" id="planetmap">
  <area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
  <area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
  <area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
</map>

bdo

使文本方向反向

<bdo dir="rtl">Here is some text</bdo>

blockquote

浏览器在 blockquote 元素前后添加了换行，并增加了外边距。

<html>
<body>

Here comes a long quotation:

<blockquote>
This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation.
</blockquote>

请注意，浏览器在 blockquote 元素前后添加了换行，并增加了外边距。

</body>
</html>

datalist

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

<input id="myCar" list="cars" />
<datalist id="cars">
  <option value="BMW">
  <option value="Ford">
  <option value="Volvo">
</datalist>

embed

定义嵌入的内容，比如启用flans插件等

<embed src="helloworld.swf" />

fieldset

可将表单内的相关元素分组。

<form>
  <fieldset>
    <legend>health information</legend>
    height: <input type="text" />
    weight: <input type="text" />
  </fieldset>
</form>

noscript

用于不支持当前脚本则会显示noscript里的内容

<body>
  ...
  ...

  <script type="text/javascript">
    <!--
    document.write("Hello World!")
    //-->
  </script>
  
  <noscript>Your browser does not support JavaScript!</noscript>
  ...
  ...
</body>