zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    Win7 64位下ProxyCap代理Java
    kafka一个诡异错误
    linux下oracle修改、新建用户并授权
    es常用查询
    linux 下启动tomcat报错 Cannot find ./catalina.sh
    linux虚拟机添加端口访问
    Linux下启动Oracle服务和监听程序
    es基础
    mysql授权远程任意人登录
    添加POI导出excel通用工具类
  • 原文地址:https://www.cnblogs.com/guojieying/p/13667480.html
Copyright © 2011-2022 走看看