HTML5的基础标签 —— 第一课

最新推荐文章于 2022-08-22 19:04:47 发布

_Meditation_

最新推荐文章于 2022-08-22 19:04:47 发布

阅读量275

点赞数 2

分类专栏： HTML

本文链接：https://blog.csdn.net/weixin_44850537/article/details/90081147

版权

HTML 专栏收录该内容

5 篇文章 7 订阅

订阅专栏

总结了一点Web的基础语句，希望能在自己以后回想起来，还有点可以看的东西。

!DOCTYPE

定义：< !DOCTYPE html > 是一个声明，表示该文档是由 HTML5 进行编写的。

声明必须是 HTML 文档的第一行，位于标签之前。请始终向 HTML 文档添加声明，这样浏览器才能获知文档类型。

在 HTML 4.01 中，<!DOCTYPE> 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。

HTML5 不基于 SGML，所以不需要引用 DTD。

注意

在 HTML 4.01 中有三种 <!DOCTYPE> 声明。

HTML 4.01 Strict
该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional
该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset
该 DTD 等同于 HTML 4.01 Transitional，但允许框架集内容。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN""http://www.w3.org/TR/html4/frameset.dtd">

HTML5

<!DOCTYPE html>

实例

<!DOCTYPE html>
<html>
<head>
    <title>文档的标题</title>
</head>
<body>
    文档的内容......
</body>
</html>

!–…--

定义：< !–…-- > 用来在源文档中插入注释。注释不会在浏览器中显示。

实例

HTML 中注释:

添加注释文字:

< !-- 在此处写注释 -- >

也可以将一句或者一段代码注释:

<!-- 此刻不显示此段落：
<p>这是一个被注释了的段落。</p>
-->

条件注释:

<!--[if IE 8]>
    .... some HTML here ....
<![endif]-->

注意：条件注释定义只针对 IE 浏览器。

JavaScript 中注释:

HTML 中使用 JavaScript 经常看到以下写法：

<script type="text/javascript">
<!--
XXXXXXXX内容略XXXXX
//-->
</script>

这是防止某些浏览器，不支持 javascript，导致 javascript 的代码直接出现在页面上，影响美观。

因此，用 HTML 的注释把 javascript 的代码包括起来，如果浏览器不支持 javascript，那么也会当做注释处理。尽管 javascript 失效了，但不至于把源代码显示在页面上。

有些浏览器可能支持 javascript，但也提供用户一个开关，关闭 javascript，如果用户关闭了javascript的功能，也会这样。

base

定义： 标签用于设置相对 URL 的解析基准。

base 元素可以用来设置一个基准 URL，让 HTML 文档中的相对链接在此基础上进行解析。

注意

标签必须位于标签内部，并尽量靠前，以便随后的元素中的相对 URL 可以用上其设置的基准 URL。

属性

属性	值	描述
href	URL	指定该 HTML 文档中所有相对链接的基准 URL。
target	_blank、_parent、_self、_top、framename	指定在何处打开超链接。_blank：在新窗口中打开。 _parent：在当前的父窗口中打开，如果不存在父窗口，此选项的行为方式与 _self 等同。 _self：当前窗口打开（默认）。 _top：在整个窗口中打开。 framename：在指定的框架中打开

实例

<!DOCTYPE html>
<html>
<head>
    <base href="../img/" target="_blank">
</head>
<body>
    <img src="logo.png"><br>
    <p>请注意，已经为图像规定了一个相对地址。<br>由于已经在 head 部分规定了一个基准 URL，浏览器将在上级目录img文件下寻找图片：</p>
    <p>"http://bbs.fishc.com/template/damei_z14/image/logo.png"</p>
    <br><br>
    <p><a href="http://www.fishc.com">鱼C主页</a></p>
    <p>请注意，链接会在新窗口中打开，即使链接中没有 target="_blank" 属性。<br>这是因为 base 元素的 target 属性已经被设置为 "_blank" 了。</p>
</body>
</html>

END