HTML入门2

开始将注意力转移到具体的元素里和页面了。

　　在页面加载完成的时候，标签head里的内容不会显示出来，包含了页面的title和css样式以及一些元素据信息，比如作者，描述文档，下面将具体分析html文档里的head元素；

　　head标签内容不会在浏览器里显示，主要是包含一些元数据；在大型网页里会包含很多元数据，可以使用developer tools查看网页的head内容；

　　　　title标题和h1标题的区别，title是整个html文档的标题不显示给用户，而h1相对页面来说的表i，表示故事的标题，新闻标题等等；

　　　　元素title也有着其他作用，如果添加书签，可以使用bookmarks>bookmar this page，会看到title内容被作为建议的书签名；

　　　　元数据 meta

　　元数据就是表述数据的内容，使用该元素来为文档添加描述信息，有很多种类下面包含一些经常要用的类型；1、指定文档字符编码 <meta charset = "utf-8"> 2、添加作者和描述许多meta元素包含了name和content特性，name特性指定了meta元素的类型，说明该元素包含了什么类型的信息；

content指定了实际的元数据内容；因此，可以有下面的例子：

指定页面内容的关键字的页面的内容的描述很有用，更加有益于搜索引擎的相关搜索出现的更多，更加利于Search Engine Optimization 也叫SEO 俗称搜索引擎优化；同时许多meta特性不再使用类似keyword <meta>元素提供给搜索引擎，但是因为作弊者错误引导keyword，会被错误搜索；

　　　　在站点增加自定义图标

　　为了丰富网站设计，添加对自定义图标的引用，16*16是这种图标的第一种类型，出现在标签页中或者标签面板中的书签页面中，给页面添加图标的方式如下：

　　1.将其保存在与网站和索引页面相同的目录中，以.ico格式保存，确保能在IE6中一样久远显示

　　2、添加到head中引用

HTML应用css和javascript

　　<link rel="stylesheet" href="my-css-file.css">link元素具有两个属性，表明文档的样式表和样式表文件的路径

　　<script>部分放在尾部会是一个更好的选择，因为这样确保在加载脚本之前浏览器已经解析了HTML内容，如果脚本加载某个不存在的元素，浏览器会报错。script看起来像是一个空元素但实际上应该有个结束标签，是具有包裹性质的元素。

　　为文档设定主语言，为你的站点设定语言，通过添加lang属性到HTML开始标签中实现。例如：<html lang="en-us">

　　这一点作用很大，设置好了语言，html文档更容易被搜索引擎索引到，对于那些使用品目阅读器的人有很多帮助，同样也可以一个span标签包裹一段日语，向其中添加lang属性。

　　总结，第二天的进展，内容比较少，主要讲head标签里内容构成，属性相关站点主语言，外部资源引入等问题。

巴特西

HTML入门2

最新文章

热门文章