HTML5 文档头部

文档头部浅解

head

文档头部中的内容看不见
标签、图标、元信息、文档样式、定义脚本…
文档头部作用于整篇文档

title

定义浏览器标题栏里显示的文档标题

meta

meta是单标签，它没有结束标签；meta元素可以成为空元素
meta元素为head元素的子元素，且只能放在head标签中使用
meta元素主要用来附加文档的额外信息，除了使用我熟悉的charset="utf-8"声明字符编码外，它还有几个常用的功能
a、通过name与content属性为文件加入作者（author），描述信息（description），关键字（keywords），编码工具（generator）等
b、通过属性http-equiv将指定的信息以HTTP表头信息的方式送到客户端

    <meta charset="UTF-8"><meta name="authon" content="JS Boom"><meta name="keywords" content="HTML5"><meta http-equiv="refresh" content="3, http://www.baidu.com">

标题栏图标

网站根目录下放一个名称：favicon.ico图片文件。浏览器会自动显示在标题栏中
使用ico格式图标作为标题栏图标：< link rel=“icon” type=“image/x-icon” href="./img/favicon.ico">
使用jpg格式的图片作为标题图标：< link rel=“icon” type=“image/jpeg” href="./img/favicon.ico">
使用png格式的图片作为标题图标：< link rel=“icon” type=“image/png” href="./img/favicon.png">
使用gif格式的图片作为标题图标：< link rel=“icon” type=“image/gif” href="./img/favicon.gif">

link：引用外部文件
rel：定义当前文档与被链接文档间的关系
type：定义被链接文档的mime类型
href：定义被链接文档的路径
图片大小建议使用16x16像素

关键字和描述

关键字和描述不是给人看的，是用于供搜索引擎使用的
关键字和描述是网页优化很重要的部分

关键字设置语法
< meta name=“keywords” content=“要设置的网页关键字，可以使用多个，建议不超过5个。多个关键字用英文状态“，”分隔”>

描述设置语法
< meta name=“description” content=“要设置的网页描述内容，建议不超过100字”>

页面跳转

页面自动跳转语法
< meta http-equiv=“refresh” content=“多少秒后执行跳转; url=要跳转的地址”>

页面自动刷新语法
< meta http-equiv=“refresh” content=“多少秒后执行刷新”>

定义样式和引入样式

设置样式语法

< style type="text/css"> css样式内容 < /style>

引入样式文件语法

< link rel=“stylesheet” type=text/css href=“文件路径”>

HTML5 文档头部相关推荐

HTML5基础 | (2)HTML5文档结构与标签
目录一.HTML5文档结构二.HTML5标签.属性与元素一.HTML5文档结构 <!DOCTYPE html> <!-- 文档声明,告诉浏览器这是html文档,浏览器就会用ht ...
HTML5文档结构主体结构语义结构,html5组织文档结构.pdf
html5组织文档结构 1 / 10 html5 组织文档结构文档部分,即 body 部分,包含了访问者可以看到的内容.传统的 HTML 文档通常通过 div 元素来组织文档结构,再配上适当的样式 ...
新的 HTML5 文档类型和字符集是,前端面试题--HTML5+CSS3(1)
1.CSS3有哪些新特性? 1. CSS3实现圆角(border-radius),阴影(box-shadow), 2. 对文字加特效(text-shadow.),线性渐变(gradient),旋转(t ...
干净简便的HTML5文档查看器——GroupDocs.Viewer
GroupDocs.Viewer是一个在线文档查看器,不管是否安装了创建某个文档的软件,GroupDocs.Viewer都允许使用浏览器查看这个文档.GroupDocs.Viewer支持查看多种文件文 ...
用于定义html 5文档所要显示内容的是,下列标记中，用于定义HTML5文档所要显示内容的是...
问题:下列标记中,用于定义HTML5文档所要显示内容的是更多相关问题发芽法炮制药物时,要求种子发芽率不低于A.100%B.95%C.90%D.85%E.80% 新生儿生理性体重下降的范围一般为体重 ...
html5文档类型的doctype,DOCTYPE 文档类型
HTML5学堂:在HTML版本从4.0升级到5.0之后,可以采用这种最新的文档声明方式,那么以前4.0版本,我们也应当有所了解,主要包括过渡定义类型.严格定义类型.框架定义类型. 近日,考核8班几个孩 ...
总结html5的文档结构,HTML5文档结构分析
html5规范将元素分为三大类:元数据元素,流元素和短语元素主体结构 doctype 元素指示 web 关于页面使用哪个 html 版本进行编写的指令.html版本有:html 5,html 4. ...
HTML5文档结构摘要
<!DOCType html>--声明文档结构类型 <html lang=zh-cn> <head> <meta charset=utf-8> < ...
HTML5文档查看器PrizmDoc发布v13.0，新增文档比较功能
2019独角兽企业重金招聘Python工程师标准>>> PrizmDoc新版本增加了多个功能,可提高文档管理流程的效率,促进更高的生产力. PrizmDoc v13.0中最重要的新功 ...