在html5中头部包含哪个元素结构(html5头部内容通常包括哪个元素)

技术html5头部内容通常包括什么内容这篇文章主要介绍html5头部内容通常包括什么内容,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完! html5头部内容通常包括:1、

本文主要介绍html5的头部内容通常包括哪些内容。很详细,有一定的参考价值。感兴趣的朋友一定要看完!

5 html5标题内容通常包括:1。由标题标签定义的网页标题;2.Favicon(网站图标);3.编码方法;4.网站描述;5.页面关键词;6.页面作者;7.视口(移动终端适配);8.CSS样式表;9.JavaScript脚本。

本教程操作环境:windows7系统,HTML5第5版,戴尔G3电脑。

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

html5头部内容

1、网页标题--title 标签

标题标签用于定义HTML文档的标题。只有包含标题标签的文档才能被视为有效的HTML文档。此外,一个HTML文档中只允许有一个标题标签,标题标签必须放在头标签中。

请注意,标题标签中只允许包含纯文本内容,不允许包含其他HTML标签。

示例:

标题/头衔

/2、Favicon负责人

网页标题左侧的小图标指定了它的路径。如果没有指定,浏览器将在根目录中查找它。

linkrel=' icon ' href='/faviicon . ico ' type=' image/x-icon '/3、编码方式

编码方式的规范是放在头的前面。如果没有指定,浏览器也会根据服务器的头来判断,但不一定准确。

metachartset=' UTF-8 '

/hearteta标签用于提供关于HTML文档的元数据,如页面有效期、页面作者、关键词列表、页面描述等信息。由元标签定义的数据不会显示在页面上,而是由浏览器解析。

属性用于指定HTML文档的字符编码。在上面的例子中,我们将文档的字符编码设置为UTF-8。

4、网站描述

元名称=“描述”内容=“这是网站的描述”。定义页面的描述信息有利于搜索引擎的搜索。

5、页面关键字

meta name=' keywords ' content=' html,HTML教程,HTML入门'关键字用于为搜索引擎提供与页面相关的信息。

6、页面作者

meta name=' author ' content=' author name '一些内容管理系统可以自动提取作者信息。

7、Viewport(移动端适配)

这是很常见的。视口通常用于移动适应,页面放置在虚拟窗口-视口中。如果没有使用网页,它就会出现。手机浏览器打开的时候我们很小,可以移动缩放。低爆了。视口是让网页开发者通过其大小动态设置网页内容中控件元素的大小,从而在浏览器上达到与网页中相同的效果(缩小比例)。更好地支持响应性网站。

 <meta name="viewport" content="width=device-width, initial-scale=1">
  • width:控制viewport的大小,一般情况下指定为device-width(单位为缩放为100%的CSS像素),也可以指定一个固定的值例如600.

  • height:和width相应,指定高度。

  • initial-scal:初始缩放比例,页面第一次load的时候的缩放比例。

  • maximum-scale:允许用户缩放到的最大比例。

  • minimum-scale:允许用户缩放到的最小比例。

  • user-scalable:用户是否可以手动缩放。

8、内嵌CSS样式--<style>标签

使用 <style> 标签可以在 HTML 文档中嵌入 CSS 样式,需要注意的是在 <style> 标签中定义的样式仅对当前 HTML 文档有效。示例代码如下:

<head>
    <title>此处书写标题</title>
    <style>
        body { background-color: YellowGreen; }
        h2 { color: red; }
        p { color: green; }
    </style>
</head>

注意:对于文档中的唯一样式可以使用 <style> 标签,但对于在多个文档中通用的样式,使用外部样式表更为合适。

9、外部css样式表--<link> 标签

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

<head>
    <title>此处书写标题</title>
    <link rel="stylesheet" href="common.css">
</head>

HTML <head> 标签中可以包含任意数量的 <link> 标签。

10、JavaScript 脚本

通过script标签嵌入JavaScript 脚本代码或链入脚本文件

<head>
    <script>
        document.write("")
    </script>
</head>
<head>
    <script src="js/test.js"></script>
</head>

以上是“html5头部内容通常包括什么内容”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/150509.html

(0)

相关推荐

  • php发验证码

    技术php发验证码 php发验证码php实现发送验证码功能的方法:1、创建好HTML和js文件;2、创建“Msm.php”文件,内容为“public function sendmsm(){...}”;3

    礼包 2021年10月28日
  • 怎么用eclipse上传代码到GitHub

    技术怎么用eclipse上传代码到GitHub这篇文章将为大家详细讲解有关怎么用eclipse上传代码到GitHub,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。现在最新版的eclip

    攻略 2021年11月27日
  • java怎么设置每天定时任务的框架(java定时任务存在什么问题)

    技术java中常用的定时任务框架单体是怎样的本篇文章为大家展示了java中常用的定时任务框架单体是怎样的,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。一、Timer+TimerT

    攻略 2021年12月21日
  • 怎样解读Java Spring AOP

    技术怎样解读Java Spring AOP本篇文章为大家展示了怎样解读Java Spring AOP,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。一、对AOP的初印象首先先给出一

    攻略 2021年12月3日
  • 端口扫描工具AutoRecon怎么用

    技术端口扫描工具AutoRecon怎么用这篇文章给大家介绍端口扫描工具AutoRecon怎么用,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。今天给大家推荐一款端口扫描工具:AutoRecon一、环境

    攻略 2021年12月10日
  • net native支持winform(net native 是什么)

    技术什么是.NET Native这篇文章给大家分享的是有关什么是.NET Native的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。什么是.NET Native? .NET Native是一套

    攻略 2021年12月16日