前端开发-2-HTML-head标签

browser /'braʊzə/  /'braʊzɚ/ 浏览器

explorer英 /ek'splɔːrə(r)/  /ɪk'splɔrɚ/ 探险者,资源管理器

1.index
2.head标签相关内容
3.常用标签一
4.常用标签二 table
5.常用标签二 form
6.标签分类 

1、index

<!--声明文档的类型 标记该文档为HTML5的文件-->
<!DOCTYPE html>

<!-- 页面的根节点 -->

<!--
html中的标签都是闭合标签  闭合标签包含 双闭合和单闭合
双闭合:<html></html>
单闭合:<meta />
 -->

<html>
    <head>
        <!-- 声明头部的元信息  对我们文档 规定编码格式 -->
        <meta charset="utf-8">
        <!-- 包含头部的信息  是一个容器 包含 style title meta script link等 -->
    </head>
    <body>
        <!-- 包含浏览器显示的内容标签 div p a img input等等 -->
        这是我们的文档结构
    </body>
</html>

2、head标签

文档的标题、编码方式及URL等信息,这些信息大部分是用于提供索引,辩认或其他方面的应用(移动端)的等

3、title标签

<title>标签:在<title>和</title>标签之间的文字内容是网页的标题信息,它会显示在浏览器标签页的标题栏中。可以把它看成是一个网页的标题。主要用来告诉用户和搜索引擎这个网页的主要内容是什么,搜索引擎可以通过网页标题,迅速的判断出当前网页的主题。

我们接下来做一个小练习,创建一个带有我们自定义标题内容的网页:

4、meta标签

meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,

这些不同的参数值就实现了不同的网页功能。

常用的meta标签:

  1. http-equiv属性

它用来向浏览器传达一些有用的信息,帮助浏览器正确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。

<!--重定向 2秒后跳转到对应的网址,注意分号-->
<meta http-equiv="refresh" content="2;URL=http://www.luffycity.com">
<!--指定文档的内容类型和编码类型 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<!--告诉IE浏览器以最高级模式渲染当前网页-->
<meta http-equiv="x-ua-compatible" content="IE=edge">

 

 

猜你喜欢

转载自www.cnblogs.com/foremostxl/p/9816505.html
今日推荐