本文主要介绍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