HTML头部标签的代码运用
HTML头部标签的代码运用
标签 标签定义文档的头部信息。 内的元素信息是提供给浏览器作为辅助信息，不会被显示在浏览器窗口内。只有语法：
code
其他子标签……
Head 子标签
标签实际是由众多子标签构成的。合法的子标签包括：子标签 说明
提供有关页面的元信息（meta-information） 定义文档与外部资源的关系，如 CSS 样式文档文字信息
该例子里嵌入的段落文字尽管能被大部分浏览器显示出来，但这仅是浏览器的一种容错机制。作为符合标准的 HTML 语言写法，应该避免。Head 完整例子
<head>
<meta charset="UTF-8">
<title ng-bind="$root.data.course.typename">IT入门教程</title>
<meta name="description" description="内容涵盖 python、php、前端、UI设计、photoshop、vue的基础教程和面试题目 ">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=0,minimal-ui,viewport-fit=cover">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="IT入门教程">
<link rel="apple-touch-icon" href="/uploads/it/python/python.png">
<meta name="msapplication-TileColor" content="#000000">
</head>
例子：
<link href="style/default.css" rel="stylesheet" type="text/css" />
显示小图标
如下代码可以让浏览器标题栏以及收藏夹显示网站指定的小图标：
<link rel="icon" href="./favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
使用这段代码需要将 16*16 像素的 ico 格式小图片放置于网站根目录或对应目录下以供调用。
```该例子为 XHTML 文档中所有的
标签元素定义字体大小为 12px ，文本颜色为 red 。
注意：
提示
如下定义页面元素样式不属于
我是内联样式测试文字
更多关于 CSS 样式表的知识，参见《DIV+CSS教程》：属性取值
style 标签属性：
属性 说明 取值
type 必需。规定样式表的 MIME 类型。 text/css
media 可选。为样式表规定不同的媒介类型。 screen
tty
tv
projection
handheld
print
braille
aural
all
提示
如需链接外部样式表，请使用 标签。
浏览器通常将标题内容放置在浏览器窗口的标题栏或状态栏上。
一般来说，定义 HTML 文档标题，可以遵循以下规则：
与内容主旨密切相关；
简明精练，突出文章核心和最吸引之处；
包含一定的关键字，但不宜过份堆砌关键词；
强调所提供的产品或服务的优势、独特性、专业性；
突出实效性，如促销打折类文章；
避免给出杂乱信息，如使用否定词、使用过长的完整公司名称、给出联系方式或不相干人名等；
总的说来要让用户一看到标题就能明确该网页所描述的大概内容，用户再根据自己的需求决定是否继续关注其详细内容。
一些典型的 title 例子
京东网上商城-综合网购首选，正品行货，机打发票，售后上门取件，省钱又放心
投资北京写字楼SOHO尚都，稳赚不赔！
淘宝商城-品牌正品 商城保障
HTML title 标签_HTML教程
本文来源:标梵互动
上一篇： 计算两个向量的逆时针夹角
下一篇： matlab查找两个向量中不同的元素