创建html文档——html的文档元素和元数据元素

最新推荐文章于 2024-05-03 16:44:55 发布

bboyjoe

最新推荐文章于 2024-05-03 16:44:55 发布

阅读量1.4k

点赞数 1

分类专栏： html 文章标签：网页设计前端 html5

本文链接：https://blog.csdn.net/bboyjoe/article/details/46800913

版权

html 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

DOCTYPE——表示文档包含的是HTML5内容；

html——表示文档中html标记的开始；

head——表示html文档中元数据部分的开始；

body——表示html文档中内容部分的开始;

title——设置html文档的标题；

base——设置用作html文档中的相对url解析基础的url；

meta——添加对于html文档所含数据的说明；

属性：charset——声明html文档的字符编码；

http-equiv——设置html文档的默认样式或周期性地刷新页面；

style——定义文档内嵌样式；

link——载入包括样式表和网站标识在内的外部资源；

属性：rel="prefetch"——预先载入预计马上就会用到的资源（firefox支持）；

script——定义文档内嵌脚本；

属性：src——载入外部脚本文件；

属性：async——异步记载此脚本文件；

属性：defer——加载完html后再加载此脚本文件；

noscript——显示为浏览器不支持或禁用了JavaScript的情况准备的内容；

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>上海远地资产管理有限公司</title>
    <base href="http://www.shydzc.com/" target="_blank"/>
    <meta name="author" content="jason"/>
    <meta name="description" content="上海远地资产管理有限公司（简称：远地资产），是一家专业的互联网金融服务平台."/>
    <meta http-equiv="refresh" content="5;http://www.shydzc.com"/>
    <!--另一种声明html页面所用字符编码的方法
    <meta http-equiv="content-type" content="text/html charset=utf-8"/>
    -->
    <link rel="stylesheet" type="text/css" href="style.css"/>
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"/>
    <script src="simple.js"></script>
    <script defer src="simple2.js"></script>
    <script async src="simple3.js"></script>
    <noscript>
        <h1>需要javascript脚本!</h1>
        <!--或者导到另一网站
        <meta http-equiv="refresh" content="0;http://www.shydzc.com"/>
        -->
    </noscript>
    <style media="screen AND (max-width:500px)" type="text/css">
        a{
            background-color: grey;
            color:white;
        }
    </style>
    <style media="screen AND (min-width:500px)">
        a{
            color: red;
            font-style: italic;
        }
    </style>
    <style media="print">
        a{
            color: red;
            font-style: italic;
        }
    </style>
</head>
<body>
<p>远地帮助更多优秀的中小型企业融资成功。</p>
<a href="home">访问上海远地资产</a>

</body>
</html>