栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

HTML基础head标签的正确使用方法

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

HTML基础head标签的正确使用方法

HTML文档中的head标签,描述了文档的各种属性和信息。head标签也是HTML文档中最重要的部分,一个完整的head头部文档中一定要包含标题title,meta,link等。

定义和用法

文档的头部描述了文档的各种属性和信息,下面这些标签可用在 head 部分:, <link>, <meta>, <script>, <style>, 以及 <base>。</p> <p>一、<title> 定义文档的标题,它是 head 部分中唯一必需的元素。作用就是定义网页的标题,这个标题指的是浏览器上栏的标题,而不是网页文章的标题。</p> <table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td> <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> <p>6</p> <p>7</p> <p>8</p> </td><td> <p><!DOCTYPE html></p> <p><html lang="zh"></p> <p>    <head></p> <p>        <title>显示在浏览器上栏的标题

    

    

    

二、 标签没有结束标签,用于引用外部CSS样式文件。CSS样式文件都是以“.CSS”为扩展名。

1

2

3

4

5

6

7

8

    

        

    

    

    

三、标签又叫“元信息标签”meta标签内的信息不显示在页面中,一般用来定义页面的关键字,页面描述等,以便搜索引擎蜘蛛来搜索到这个页面的信息。

1

2

3

4

5

6

7

8

9

10

11

    

        

        

        

        

    

    

    

1、meta标签的name属性

名称变量
keywords 网页的关键字词(关键字可以是多个,用英文逗号隔开)
description网页的描述
author 网页的作者
copyright 版权信息

2、meta标签的http—equiv属性

实现页面的自动刷新跳转:5s后跳转到页面https://www.qingqingblog.com

1

2

3

4

5

6

7

8

    

        

    

    

    

http-equiv 常用属性值

名称变量
expires设置网页的过期时间。
refresh设置网页自动刷新的时间间隔,单位是秒。
content-type定义文件的类型,用来告诉浏览器该以什么格式和编码来解析此文件。

3、字符编码

1

2

3

4

5

6

7

8

    

        

    

    

    

charset="utf-8"是告知浏览器此页面属于什么字符编码格式,下一步浏览器做好“翻译”工作。常见的字符编码有:gb2312、gbk、unicode、utf-8。

charset 常用属性值

名称变量
ISO-8859-1表示网页的默认编码格式。
UTF-8表示万国码,是目前最常用的编码格式。
gb2312表示国际汉字码,不包含繁体。
gbk表示国家标准扩展版。增加了繁体,包含所有亚洲字符集。

四、

    

    

    

引用外部Javascript文件

1

2

3

4

5

6

7

8

    

        

    

    

    

五、

    

    

    

六、标签用于定义页面所有链接的基础定位(用的很少)

1

2

3

4

5

6

7

8

9

    

        

        

    

    

    

一个完整的HTML头部文档

1

2

3

4

5

6

7

8

9

10

11

12

13

    

        

        3.2 head标签__HTML教程_杨青青个人博客

        

        

        

        

    

    

    

如果要通过W3C的检查,html开始标记,必须要添加一个lang属性来声明该文档的语言,zh为中文,en为英文。为了避免网页出现乱码必须写在标签里面的第一个。

 

暑期编程PK赛 得CSDN机械键盘等精美礼品!
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/1016357.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号