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>
  • 相关阅读:
    HDU 2899 Strange fuction
    HDU 2899 Strange fuction
    HDU 2199 Can you solve this equation?
    HDU 2199 Can you solve this equation?
    Java实现 LeetCode 700 二叉搜索树中的搜索(遍历树)
    Java实现 LeetCode 700 二叉搜索树中的搜索(遍历树)
    Java实现 LeetCode 700 二叉搜索树中的搜索(遍历树)
    Java实现 LeetCode 699 掉落的方块(线段树?)
    Java实现 LeetCode 699 掉落的方块(线段树?)
    Java实现 LeetCode 699 掉落的方块(线段树?)
  • 原文地址:https://www.cnblogs.com/guojieying/p/13667480.html
Copyright © 2011-2022 走看看