资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

html5文档一定要有哪个标签

这篇“html5文档一定要有哪个标签”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“html5文档一定要有哪个标签”文章吧。

成都创新互联网站建设服务商,为中小企业提供成都网站建设、成都网站制作服务,网站设计,网站托管、服务器租用等一站式综合服务型公司,专业打造企业形象网站,让您在众多竞争对手中脱颖而出成都创新互联

一定要有4个标签:1、“”,是一种标准通用标记语言的文档类型声明;2、“”,用于告知浏览器其自身是一个HTML文档;3、“”,包含文档的元数据;4、“”,用于包含访问者可以看到的内容。

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

html5文档一定要有4个标签

HTML文档就是对一个文档的描述,都有一个固定的结构,分为许多个部分,每个部分都包含了一个或者多个元素。有些元素用于描述文档的基本信息,有些则描述文档结构,下面就是一个基本的HTML文档的结构





文档标题



文档内容......


该HTML文档描述了一个空白页,这些基础成分确定了HTML文档的轮廓以及浏览器的初始环境。

1、标签

DOCTYPE 是 document type(文档类型)的简写。

doctype 声明是一种标准通用标记语言的文档类型声明,在 web 设计中用来说明你用的 XHTML 或者 HTML 是什么版本。

它告诉浏览器两件事情:

  • 它处理的是HTML文档;

  • 用来标记文档内容的HTML所属的版本,下面的写法就表明所用的是HTML5。

html5 doctype声明只有一个:

声明必须位于 HTML5 文档中的第一行,也就是位于 标签之前。该标签告知浏览器文档所使用的 HTML 规范。

注:doctype 声明不属于 HTML 标签,而是一个文档类型标记,它是一条指令。

说明:

  • 标签没有结束标签。

  • 对大小写不敏感。

2、标签

标签是 HTML 文档中最外层的元素。

标签是所有其他 HTML 元素(除了 标签)的容器。

根元素的作用就是告诉浏览器,在 和 之间的内容是HTML类型,浏览器便按HTML进行解析其中的内容。

html 元素有3个属性,分别是 lang属性、xmlns属性和 manifest 属性:

  • lang属性指定页面内容所使用的默认语言。指定文档所使用的语言,有助于语言合成工具选择发音语言,或者翻译工具选择翻译规则。如,,表示本文档使用中文。

  • xmlns属性指派XML的命名空间。xmlns 属性在 XHTML 中是必需的,但在 HTML中不是。

  • manifest属性给出离线缓存文件的URL。HTML5 引入了应用程序缓存,这意味着 web 应用可被缓存,并可进行离线访问。如,,表示离线缓存文件为waibo.manifest。

3、标签

标签是所有头部标签的容器,这些头部标签用来定义有关 HTML 文档的元数据(描述数据的数据)以及所需资源的引用(例如 CSS 样式文件、JavaScript 脚本文件),对文档能够在浏览器中正确显示起到了非常重要的作用。

根据我们的需求,可以在 HTML 头部定义大量的元数据,也可以定义很少或者根本就不定义。虽然头部标签是 HTML 文档的一部分,但其中的内容并不会显示在浏览器中。

4、标签

元素定义文档的主体。

元素包含文档的所有内容,比如文本、超链接、图像、表格、列表等等。

简单来说:文档body部分包含访问者可以看到的内容。

在有了这个基本的结构后,我们后面就可以将HTML的其它元素逐步添加进去,不断的丰富文档,最终得到我们希望的页面。


	

一个段落





html5文档一定要有哪个标签

注:一个 HTML 文件只能存在一个 标签。

扩展知识:head头部标签中可包含的元素

1、 标签</strong></p><p><title> 标签用来定义 HTML 文档的标题,只有包含 <title> 标签的文档才算是一个有效的 HTML 文档。另外,一个 HTML 文档中仅允许存在一个 <title> 标签,并且 <title> 标签必须放置在 <head> 标签中。</p><p>注意,在 <title> 标签内部仅允许包含纯文本内容,不能包含其他 HTML 标签。</p><p><title> 标签的主要作用如下所示:</p><ul><li><p>在浏览器标题栏或者任务栏中显示标题;</p></li><li><p>当将页面添加到收藏夹(书签)时提供标题;</p></li><li><p>在搜索结果中显示页面标题。</p></li></ul><p>下面的示例演示了如何在 HTML 文档中使用 <title> 标签:</p><pre><head>     <meta charset="utf-8">     <title>创新互联-教程_手册_视频-免费php在线学习平台

标签的内容必须与当前文档有关,并且不应该过长,中文页面请尽量控制在 30 个字符(包括空格)以内。</p><p><strong>2、<base> 标签</strong></p><p><base> 标签用于为页面中所有相对链接指定一个基本链接,当您设置了基本链接后,当前页面中的所有相对链接都会使用这个基本链接作为前缀,如下例所示:</p><pre><!DOCTYPE html> <html> <head>     <meta charset="utf-8">     <title><base>标签演示          

            
  • 视频教程
  •         
  • 入门教程
  •     

上面的示例中第一个

  • 标签中的超链接会被解析为“https://www.cdcxhl.com/course.html”,第二个
  • 中的超链接会被解析为“https://www.cdcxhl.com/course/type/3.html”。

    注意,HTML 文档中的 标签必须出现在任何引用外部资源的标签之前,而且一个 HTML 文档中仅允许定义一个 标签。

    3、 标签

    标签经常用于引用外部 CSS 样式表, 标签中包含两个主要的属性,分别是 rel 和 href。rel 属性用来指示引用文件的类型,href 属性用来设置外部文件的路径。示例代码如下:

    
        此处书写标题
        
    

    HTML 标签中可以包含任意数量的 标签。

    4、

    注意:对于文档中的唯一样式可以使用