WEB前端——head内常用标签

一、meta相关

#1、指定字符集
<meta charset="gbk">

#2、页面描述
<meta name="Description" content="具体描述。。。">

#3、关键字：有助于搜索引擎SEC优化，再怎么优化也抵不过竞价排名
<meta name="Keywords" content="网易，邮箱，游戏，新闻">

#4、3秒后跳转
<meta http-equiv="refresh" content="3,http://www.baidu.com">
#5、三秒刷新
<meta http-equiv="refresh" content="3">

二、非meta标签

#1、标题
<title>百度一下，你就知道</title>

#2、网站的图标
<link rel="icon" href="https://www.baidu.com/favicon.ico">

#3、定义内部样式
<style></style>

#4、引入外部样式文件
<link rel="stylesheet" href="mystyle.css">

#5、定义JavaScript代码或引入JavaScript文件
<script src="hello.js"></script>

三、演示&其余需要知道的标签

<!--html5-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 如果有 description一定要放在keywords才有意义-->
    <meta name="keywords" content="开发者，程序员。。。">
    <meta name="description" content="我是程序员">
    <!--指定属性，3秒后跳转到网页-->
    <meta http-equiv="refresh" content="3,http://www.baidu.com" >

    <!--标题名-->
    <title>百度一下你就知道</title>

    <!--图标 ，直接王上搜索制作ico就出来很多-->
    <link rel="icon" herf="favicon.ico">

<!--给标签加样式-->
<!--方式1：一般不用，最好是外部引入解开耦合，color后面的颜色可以用小吸管吸一下别的页面的颜色或者自己配一下。执行的body里面的“你好”颜色就变成自己配的颜色了-->
    <style>
        p{
            color: #f8d7fa;
        }
    </style>
<!--方式2：外部引入css标签  要自己建一个外部的.css文件  引号内写的是文件的相对路径-->
    <link rel="stylesheet" herf="css/index">
<!--方式3：外部引入a.js标签标签 要自己建一个外部的.js文件 引号内写的是文件的相对路径-->

    <!--
    <script>
        // alert("哈哈哈哈");

        function changeColor(ths) {
            ths.style.backgroundColor="green";
        }
    </script>
    -->
    <script src="js/a.js"></script>

</head>
<body>
<!--<p onclick="changeColor(this)">你好</p>-->

<!--<br> 代表换行-->
你好啊<br>哈哈哈哈
<!--<hr> 代表加分割线-->
<hr>
我擦了
<!--<b>加粗</b>  不要用这种-->
<strong>强调</strong>

<!--<u>下划线</u> 已废弃，用下面的-->
<ins>插入</ins>

<!--<i>倾斜</i> 已废弃，用下面的-->
<em>倾斜</em>

<!--<s>删除</s> 已废弃，用下面的
<del>删除</del>
</html>
赞 (0)

相关推荐