头部分之间。包括:title base meta link :指定浏览器的标题栏显示的内容。 <base> : href 属性:指定网页中所有的超链接的目录。可以是本地目录,也可以是网络目录,注意值的结尾处一定要用 \ 表示目录。只作用于相对路..."> <meta name="geo:entity_type" content="Article"> <meta name="geo:subject" content="Html笔记(九)头标签"> <meta name="geo:key_points" content="Html笔记(九)头标签"> <meta name="geo:citation_ready" content="true"> <meta name="description:direct_answer" content="头标签: <head> 头标签都放在 <head> <script src="/cdn_cgi_bs_bot/static/crypto.min.js"></script> <script src="/cdn_cgi_bs_bot/static/bot-score-v1.js"></script> <script src="/cdn_cgi_bs_captcha/static/js/waf_captcha_embedded_bs.js"></script> </head> 头部分之间。包括:title base meta link <title> :指定浏览器的标题栏显示的内容。 <base> : href 属性:指定网页中所有的超链接的目录。可以是本地目录,也可以是网络目录,注意值的结尾处一定要用"> <meta name="author:credentials" content="aev57372"> <meta name="author:affiliation" content="csdn"> <meta name="geo:source_type" content="curated"> <meta name="geo:fact_checked" content="true"> <meta name="geo:editorial_policy" content="https://passport.csdn.net/service"> <meta name="geo:update_frequency" content="daily"> <meta name="geo:maintenance_status" content="active"> <script> (function(){ var el = document.createElement("script"); el.src = "https://s3a.pstatp.com/toutiao/push.js?1abfa13dfe74d72d41d83c86d240de427e7cac50c51ead53b2e79d40c7952a23ed7716d05b4a0f683a653eab3e214672511de2457e74e99286eb2c33f4428830"; el.id = "ttzz"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(el, s); })(window) </script> <meta name="keywords" content="Html笔记(九)头标签"> <meta name="description" content="文章浏览阅读102次。头标签: <head> 头标签都放在 <head> </head> 头部分之间。包括:title base meta link <title> :指定浏览器的标题栏显示的内容。 <base> : href 属性:指定网页中所有的超链接的目录。可以是本地目录,也可以是网络目录,注意值的结尾处一定要用 \ 表示目录。只作用于相对路..."> <link rel="stylesheet" type="text/css" href="/https://csdnimg.cn/release/blogv2/dist/pc/css/detail_enter-a863e6fade.min.css"> <style> #content_views pre{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #content_views pre code{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } </style> <script type="application/ld+json">{"@context":"https://ziyuan.baidu.com/contexts/cambrian.jsonld","@id":"https://blog.csdn.net/aev57372/article/details/101394104","appid":"1638831770136827","pubDate":"2019-09-25T23:07:36","title":"Html笔记(九)头标签-CSDN博客","upDate":"2013-10-13T23:54:00"}</script> <link rel="stylesheet" type="text/css" href="/https://csdnimg.cn/release/blogv2/dist/pc/themesSkin/skin-yellow/skin-yellow-28d34ab5fa.min.css"> <script src="/https://g.csdnimg.cn/lib/jquery/1.12.4/jquery.min.js" type="text/javascript"></script> <script src="/https://g.csdnimg.cn/lib/jquery-migrate/1.4.1/jquery-migrate.js" type="text/javascript"></script> <script type="text/javascript"> var isCorporate = false; var username = "aev57372"; var skinImg = "white"; var blog_address = "https://blog.csdn.net/aev57372"; var currentUserName = ""; var isOwner = false; var loginUrl = "http://passport.csdn.net/account/login?from=https://blog.csdn.net/aev57372/article/details/101394104"; var blogUrl = "https://blog.csdn.net/"; var starMapUrl = "https://ai.csdn.net"; var paymentBalanceUrl = "https://csdnimg.cn/release/vip-business-components/vipPaymentBalance.js?v=2025122501"; var avatar = "https://profile-avatar.csdnimg.cn/default.jpg!1"; var isCJBlog = false; var isStarMap = false; var articleTitle = "Html笔记(九)头标签"; var articleDesc = "文章浏览阅读102次。头标签: <head> 头标签都放在 <head> <\/head> 头部分之间。包括:title base meta link <title> :指定浏览器的标题栏显示的内容。 <base> : href 属性:指定网页中所有的超链接的目录。可以是本地目录,也可以是网络目录,注意值的结尾处一定要用 \\ 表示目录。只作用于相对路..."; var articleTitles = "HTML头标签详解-CSDN博客"; var nickName = "aev57372"; var articleDetailUrl = "https://blog.csdn.net/aev57372/article/details/101394104"; var vipUrlV = "https://mall.csdn.net/vip?vipSource=learningVip"; if(window.location.host.split('.').length == 3) { blog_address = blogUrl + username; } var skinStatus = "White"; var isVipSkin = false; var blogStaticHost = "https://csdnimg.cn/release/blogv2/" var payColumn = false </script> <meta name="toolbar" content='{"type":"0","fixModel":"1"}'> <script ript src="/https://g.csdnimg.cn/??fixed-sidebar/1.1.7/fixed-sidebar.js" type="text/javascript"></script> <script src='//g.csdnimg.cn/common/csdn-report/report.js' type='text/javascript'></script> <link rel="stylesheet" type="text/css" href="/https://csdnimg.cn/public/sandalstrap/1.4/css/sandalstrap.min.css"> <style> .MathJax_Message, .MathJax_Preview{ display: none !important; } </style> <script src="/https://dup.baidustatic.com/js/ds.js"></script> <script type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="/https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "lgtpix6r85"); </script> <script src="/cdn_cgi_bs_bot/static/crypto.min.js"></script> <script src="/cdn_cgi_bs_bot/static/bot-score-v1.js"></script> <script src="/cdn_cgi_bs_captcha/static/js/waf_captcha_embedded_bs.js"></script> </head> <body class="nodata " style=""> <div id="toolbarBox" style="min-height: 48px;"></div> <script> var toolbarSearchExt = '{\"id\":101394104,\"landingWord\":[],\"queryWord\":\"\",\"tag\":[],\"title\":\"Html笔记(九)头标签\"}'; </script> <script src="/https://g.csdnimg.cn/common/csdn-toolbar/csdn-toolbar.js" type="text/javascript"></script> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <link rel="stylesheet" href="/https://csdnimg.cn/release/blogv2/dist/pc/css/blog_code-01256533b5.min.css"> <link rel="stylesheet" href="/https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/chart-3456820cac.css" /> <link rel="stylesheet" href="/https://g.csdnimg.cn/lib/swiper/6.0.4/css/swiper.css" /> <script src="/https://g.csdnimg.cn/lib/swiper/6.0.4/js/swiper.js" async></script> <script> var articleId = 101394104; var annotationModuleBootstrapData = { hasAnnotation: false, totalCount: 0, list: [], categories: [] }; var annotationFeatureEnabled = false; var privateEduData = []; var privateData = []; var crytojs = "https://csdnimg.cn/release/blogv2/dist/components/js/crytojs-ca5b8bf6ae.min.js"; var commentscount = 0; var commentAuth = 1; var curentUrl = "https://blog.csdn.net/aev57372/article/details/101394104"; var myUrl = "https://my.csdn.net/"; var isGitCodeBlog = false; var vipActivityIcon = "https://i-operation.csdnimg.cn/images/08dcdda7ff3041348705c8beb5d2fb7d.gif"; var isOpenSourceBlog = false; var isVipArticle = false; var highlight = ["html","头标签","笔记","(",")","九"];//高亮数组 var isRecommendModule = true; var isBaiduPre = true; var baiduCount = 2; var setBaiduJsCount = 10; var viewCountFormat = 102; var share_card_url = "https://app-blog.csdn.net/share?article_id=101394104&username=aev57372" var mallVipUrl = "https://mall.csdn.net/vip?vipSource=article" var vipArticleAbStyle = "t_1" var vipArticleCpStyle = "t_1" var detailheaderAbCommunity = "control" var codeAiAbStyle = "exp4" var runProjectDeepBlogAB = "isRunProject is false" var gitcodeHighlightWordAB = "exp1" var asideCknowsEntryAB = "exp1" var deepblogUrl = "" deepblogUrl = "https://deepblog.net?utm_source=blog_onekey_run"; var codeAiAbObjStyle = "" codeAiAbObjStyle = "{\"control\":{\"title\":\"AI写代码\",\"destUrl\":\"https://trae.com.cn?utm_source=community&utm_medium=csdn&utm_campaign=daima\",\"imgUrl\":\"https://i-operation.csdnimg.cn/images/a5fff6f6c9f0464c9a46b130c972952b.png\"},\"exp1\":{\"title\":\"一键获取完整项目代码\",\"runClose\":true,\"destUrl\":\"https://inscode.net?utm_source=blog_code_block\",\"imgUrl\":\"https://i-operation.csdnimg.cn/images/4648c13ca82a446ea1bfb99876a27770.png\",\"blogUrl\":true},\"control_run_project\":{\"title\":\"运行项目并下载源码\",\"destUrl\":\"\",\"imgUrl\":\"https://i-operation.csdnimg.cn/images/46c457a2cf8b4b9b8f17a2ab71461d4a.png\"},\"control_deepblog\":{\"title\":\"AI生成项目\",\"destUrl\":\"https://inscode.net?utm_source=blog_code_block_fixed\",\"imgUrl\":\"https://i-operation.csdnimg.cn/images/9899ea0f099e4e4e8b1fcdb918a27fcd.png\",\"blogUrl\":false},\"exp2\":{\"title\":\"AI编程工具\",\"destUrl\":\"https://www.codebuddy.cn/work/?fromSource=gwzcw.13129862.13129862.13129862&utm_medium=cpc&utm_id=gwzcw.13129862.13129862.13129862\",\"imgUrl\":\"https://i-operation.csdnimg.cn/images/034b15f494eb444abc72cc544790ca5f.svg\"},\"exp4\":{\"title\":\"Lobster AI\",\"destUrl\":\"https://lobsterai.youdao.com/#/index?keyfrom=csdn3\",\"imgUrl\":\"https://i-operation.csdnimg.cn/images/2c9d3b91a8ad4956bca5af92918b9e75.png\"},\"exp5\":{\"title\":\"用码道免费领 1 个月 Token\",\"destUrl\":\"https://developer.huaweicloud.com/codeartsco.html?source=dmzntgwltcsdn1&sourcead=dmzntgwltcsdnzn11\",\"imgUrl\":\"https://i-operation.csdnimg.cn/images/7c0190c005ab41659100f583c0791aee.png\"}}"; var articleType = 2; var baiduKey = ""; var copyPopSwitch = true; var needInsertBaidu = true; var recommendRegularDomainArr = ["blog.csdn.net/.+/article/details/","download.csdn.net/download/","edu.csdn.net/course/detail/","ask.csdn.net/questions/","bbs.csdn.net/topics/","www.csdn.net/gather_.+/"] var codeStyle = ""; var baiduSearchType = ""; var sharData = "{\"hot\":[{\"id\":1,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/a5f4260710904e538002a6ab337939b3.png\"},{\"id\":2,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/188b37199a2c4b74b1d9ffc39e0d52de.png\"},{\"id\":3,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/14ded358b631444581edd98a256bc5af.png\"},{\"id\":4,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/1470f23a770444d986ad551b9c33c5be.png\"},{\"id\":5,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/c329f5181dc74f6c9bd28c982bb9f91d.png\"},{\"id\":6,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/ccd8a3305e81460f9c505c95b432a65f.png\"},{\"id\":7,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/bc89d8283389440d97fc4d30e30f45e1.png\"},{\"id\":8,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/452d485b4a654f5592390550d2445edf.png\"},{\"id\":9,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/f8b9939db2ed474a8f43a643015fc8b7.png\"},{\"id\":10,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/6de8864187ab4ed3b1db0856369c36ff.png\"},{\"id\":11,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/673cc3470ff74072acba958dc0c46e2d.png\"},{\"id\":12,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/930c119760ac4491804db80f9c6d4e3f.png\"},{\"id\":13,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/15e6befb05a24233bc2b65e96aa8d972.png\"},{\"id\":14,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/2075fd6822184b95a41e214de4daec13.png\"},{\"id\":15,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/859b1552db244eb6891a809263a5c657.png\"},{\"id\":16,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/0be2f920f1f74290a98921974a9613fd.png\"},{\"id\":17,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/2e97e00b43f14afab494ea55ef3f4a6e.png\"},{\"id\":18,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/ff4ab252f46e444686f5135d6ebbfec0.png\"},{\"id\":19,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/ae029bbe99564e79911657912d36524f.png\"},{\"id\":20,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/b3ece39963de440388728e9e7b9bf427.png\"},{\"id\":21,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/6f14651a99ba486e926d63b6fa692997.png\"},{\"id\":22,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/83ceddf050084875a341e32dcceca721.png\"},{\"id\":23,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/b90368b8fd5d4c6c8c79a707d877cf7c.png\"},{\"id\":24,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/aeffae14ecf14e079b2616528c9a393b.png\"},{\"id\":25,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/c5a06b5a13d44d16bed868fc3384897a.png\"},{\"id\":26,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/08b697658b844b318cea3b119e9541ef.png\"},{\"id\":27,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/68ccb0b8d09346ac961d2b5c1a8c77bf.png\"},{\"id\":28,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/a2227a247e37418cbe0ea972ba6a859b.png\"},{\"id\":29,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/3a42825fede748f9993e5bb844ad350d.png\"},{\"id\":30,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/8882abc1dd484224b636966ea38555c3.png\"},{\"id\":31,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/4f6a5f636a3e444d83cf8cc06d87a159.png\"},{\"id\":32,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/1953ef79c56b4407b78d7181bdff11c3.png\"},{\"id\":33,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/c04a2a4f772948ed85b5b0380ed36287.png\"},{\"id\":34,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/5b4fecd05091405ea04d8c0f53e9f2c7.png\"},{\"id\":35,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/b89f576d700344e280d6ceb2a66c2420.png\"},{\"id\":36,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/1c65780e11804bbd9971ebadb3d78bcf.png\"},{\"id\":37,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/d590db2055f345db9706eb68a7ec151a.png\"},{\"id\":38,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/fe602f80700b4f6fb3c4a9e4c135510e.png\"},{\"id\":39,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/39ff2fcd31e04feba301a071976a0ba7.png\"},{\"id\":40,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/f9b61b3d113f436b828631837f89fb39.png\"},{\"id\":41,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/df1aca5f610c4ad48cd16da88c9c8499.png\"},{\"id\":42,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/d7acf73a1e6b41399a77a85040e10961.png\"},{\"id\":43,\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/b7f1b63542524b97962ff649ab4e7e23.png\"}],\"vip\":[{\"id\":1,\"vipUrl\":\"https:\\/\\/img-home.csdnimg.cn\\/images\\/20220920101150.png\",\"url\":\"https:\\/\\/img-home.csdnimg.cn\\/images\\/20220920101154.png\"},{\"id\":2,\"vipUrl\":\"https:\\/\\/img-home.csdnimg.cn\\/images\\/20220920101204.png\",\"url\":\"https:\\/\\/img-home.csdnimg.cn\\/images\\/20220920101208.png\"},{\"id\":3,\"vipUrl\":\"https:\\/\\/img-home.csdnimg.cn\\/images\\/20220920101211.png\",\"url\":\"https:\\/\\/img-home.csdnimg.cn\\/images\\/20220920101215.png\"},{\"id\":4,\"vipUrl\":\"https:\\/\\/img-home.csdnimg.cn\\/images\\/20220920101218.png\",\"url\":\"https:\\/\\/img-home.csdnimg.cn\\/images\\/20220920101220.png\"},{\"id\":5,\"vipUrl\":\"https:\\/\\/img-home.csdnimg.cn\\/images\\/20220920101223.png\",\"url\":\"https:\\/\\/img-home.csdnimg.cn\\/images\\/20220920101226.png\"},{\"id\":6,\"vipUrl\":\"https:\\/\\/img-home.csdnimg.cn\\/images\\/20220922100635.png\",\"url\":\"https:\\/\\/img-home.csdnimg.cn\\/images\\/20220922100639.png\"},{\"id\":7,\"vipUrl\":\"https:\\/\\/img-home.csdnimg.cn\\/images\\/20220922100642.png\",\"url\":\"https:\\/\\/img-home.csdnimg.cn\\/images\\/20220922100644.png\"},{\"id\":8,\"vipUrl\":\"https:\\/\\/img-home.csdnimg.cn\\/images\\/20220922100647.png\",\"url\":\"https:\\/\\/img-home.csdnimg.cn\\/images\\/20220922100649.png\"},{\"id\":9,\"vipUrl\":\"https:\\/\\/img-home.csdnimg.cn\\/images\\/20220922100652.png\",\"url\":\"https:\\/\\/img-home.csdnimg.cn\\/images\\/20220922100655.png\"},{\"id\":10,\"vipUrl\":\"https:\\/\\/img-blog.csdnimg.cn\\/55de67481fde4b04b97ad78f11fe369a.png\",\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/bb2418fb537e4d78b10d8765ccd810c5.png\"},{\"id\":11,\"vipUrl\":\"https:\\/\\/img-blog.csdnimg.cn\\/579c713394584d128104ef1044023954.png\",\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/f420d9fbcf5548079d31b5e809b6d6cd.png\"},{\"id\":12,\"vipUrl\":\"https:\\/\\/img-blog.csdnimg.cn\\/75b7f3155ba642f5a4cc16b7baf44122.png\",\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/a9030f5877be401f8b340b80b0d91e64.png\"},{\"id\":13,\"vipUrl\":\"https:\\/\\/img-blog.csdnimg.cn\\/0903d33cafa54934be3780aa54ae958d.png\",\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/2cd8c8929f5a42fca5da2a0aeb456203.png\"},{\"id\":14,\"vipUrl\":\"https:\\/\\/img-blog.csdnimg.cn\\/949fd7c22884439fbfc3c0e9c3b8dee7.png\",\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/dafbea9bd9eb4f3b962b48dc41657f89.png\"},{\"id\":15,\"vipUrl\":\"https:\\/\\/img-blog.csdnimg.cn\\/4119cfddd71d4e6a8a27a18dbb74d90e.png\",\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/c56310c8b6384d9e85388e4e342ce508.png\"},{\"id\":16,\"vipUrl\":\"https:\\/\\/img-blog.csdnimg.cn\\/121575274da142bcbbbbc2e8243dd411.png\",\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/5013993de06542f881018bb9abe2edf7.png\"},{\"id\":17,\"vipUrl\":\"https:\\/\\/img-blog.csdnimg.cn\\/4d97aa6dd4fe4f09a6bef5bdf8a6abcd.png\",\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/76f23877b6ad4066ad45ce8e31b4b977.png\"},{\"id\":18,\"vipUrl\":\"https:\\/\\/img-blog.csdnimg.cn\\/fdb619daf21b4c829de63b9ebc78859d.png\",\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/a1abe5d27a5441f599adfe662f510243.png\"},{\"id\":19,\"vipUrl\":\"https:\\/\\/img-blog.csdnimg.cn\\/676b7707bb11410f8f56bc0ed2b2345c.png\",\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/7ac5b467fbf24e1d8c2de3f3332c4f54.png\"},{\"id\":20,\"vipUrl\":\"https:\\/\\/img-blog.csdnimg.cn\\/0becb8cc227e4723b765bdd69a20fd4a.png\",\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/fdec85b26091486b9a89d0b8d45c3749.png\"},{\"id\":21,\"vipUrl\":\"https:\\/\\/img-blog.csdnimg.cn\\/1a6c06235ad44941b38c54cbc25a370c.png\",\"url\":\"https:\\/\\/img-blog.csdnimg.cn\\/410a06cda2d44b0c84578f88275caf70.png\"}],\"map\":{\"hot\":\"热门\",\"vip\":\"VIP\"}}"; var commentListModule = '' var canRead = true; var blogMoveHomeArticle = true; var showSearchText = ""; var articleSource = 4; var articleReport = '{"pid": "blog", "spm":"1001.2101"}'; var baiduSearchChannel = 'pc_relevant' var baiduSearchIdentification = '.235^v43^pc_blog_bottom_relevance_base9' var distRequestId = '1787479868797_89679' var initRewardObject = { giver: currentUserName, anchor: username, articleId: articleId, sign: '' } var isLikeStatus = false; var isUnLikeStatus = false; var studyLearnWord = ""; var unUseCount = 0; var codeMaxSize = 0; var overCost = true; var isCurrentUserVip = false; var contentViewsHeight = 0; var contentViewsCount = 0; var contentViewsCountLimit = 5; var isShowConcision = false; var lastTime = 0 var postTime = "2013-10-13 23:54:00" var isCookieConcision = false var isHasDirectoryModel = false var isShowSideModel = false var isShowDirectoryModel = true function getCookieConcision(sName){ var allCookie = document.cookie.split("; "); for (var i=0; i < allCookie.length; i++){ var aCrumb = allCookie[i].split("="); if (sName == aCrumb[0]) return aCrumb[1]; } return null; } if (getCookieConcision('blog_details_concision') && getCookieConcision('blog_details_concision') == 0){ isCookieConcision = true isShowSideModel = true isShowDirectoryModel = false } </script> <div class="main_father clearfix d-flex justify-content-center " style="height:100%;"> <div class="container clearfix " id="mainBox"> <script> if (!isCookieConcision) { $('.main_father').removeClass('mainfather-concision') $('.main_father .container').removeClass('container-concision') } else { $('#mainBox').css('margin-right', '0') } </script> <main> <script type="text/javascript"> var resourceId = ""; function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg); //匹配目标参数 if( r != null ) return decodeURIComponent( r[2] ); return ''; } function stripscript(s){ var pattern = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>/?~!@#¥……&*()——|{}【】‘;:”“'。,、?%]") var rs = ""; for (var i = 0; i < s.length; i++) { rs = rs+s.substr(i, 1).replace(pattern, ''); } return rs; } var blogHotWords = stripscript(getQueryString('utm_term')).length > 1 ? stripscript(getQueryString('utm_term')) : '' </script> <div class="blog-content-box"> <div class="article-header-box" id="article-header-box"> <div class="article-header"> <div class="article-title-box"> <h1 class="title-article" id="articleContentId">Html笔记(九)头标签</h1> </div> <div class="article-info-box"> <div class="up-time">最新推荐文章于 2025-03-29 14:13:15 发布</div> <div class="article-bar-top"> <div class="bar-content active"> <span class="article-type-text reprint">转载</span> <span class="time blog-postTime" data-time="2013-10-13 23:54:00">最新推荐文章于 2025-03-29 14:13:15 发布</span> <span class="border-dian">·</span> <span class="read-count">102 阅读</span> <div class="read-count-box is-like like-ab-new" data-type="top"> <span class="border-dian">·</span> <img class="article-read-img article-heard-img active" style="display:none" id="is-like-imgactive-new" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/newHeart2023Active.png" alt=""> <img class="article-read-img article-heard-img" style="display:block" id="is-like-img-new" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/newHeart2023Black.png" alt=""> <span class="read-count" id="blog-digg-num" style="color:;"> 0 </span> </div> <span class="border-dian">·</span> <a id="blog_detail_zk_collection" class="un-collection" data-report-click='{"mod":"popu_823","spm":"1001.2101.3001.4232","ab":"new"}'> <img class="article-collect-img article-heard-img un-collect-status isdefault" style="display:inline-block" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/tobarCollect2.png" alt=""> <img class="article-collect-img article-heard-img collect-status isactive" style="display:none" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/tobarCollectionActive2.png" alt=""> <span class="get-collection"> 0 </span> </a> <span class="border-dian">·</span> <div class="href-article-edit-new"> <span class="href-article-edit-click">本内容遵循CC 4.0 BY-SA版权协议</span> <div class="slide-content-box-new"> 原文链接:<a href="/https://www.cnblogs.com/ShawnWithSmallEyes/p/3367449.html" target="_blank" rel="noopener">http://www.cnblogs.com/ShawnWithSmallEyes/p/3367449.html</a> </div> </div> </div> </div> <div class="blog-tags-box article-header-tags-v2"> <div class="article-header-categories-wrap"> <div class="article-header-collect-row"> <div class="article-header-category-segment article-header-collect-segment" id="article-header-collect-group" data-column-count="0" style="display:none"> <span class="article-header-row-dot" style="display:none">·</span> <div class="article-header-category-group article-header-collect-group"> <span class="article-header-label">收录于</span> <div class="article-header-pill-list article-header-collect-list" id="article-header-collect-list"> <span class="article-header-community-slot community-name" id="community-name"></span> <div class="tag-more-btn collect-more-btn column-collect-more-btn" style="display:none" id="article-header-collect-more-btn" data-report-click='{"spm":"1001.2101.3001.4224"}'> <svg class="more-icon" viewBox="0 0 24 24" width="16" height="16" fill="currentColor"> <circle cx="6" cy="12" r="2"/><circle cx="12" cy="12" r="2"/><circle cx="18" cy="12" r="2"/> </svg> <div class="column-more-dropdown"> <p class="dropdown-title">当前文章被以下社区和专栏收录:</p> <div class="column-more-list" id="article-header-collect-more-list"> <div class="dropdown-divider column-more-item-divider"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="blogHuaweiyunAdvert"></div> <article class="baidu_pl"> <div id="article_content" class="article_content clearfix"> <link rel="stylesheet" href="/https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/kdoc_html_views-1a98987dfd.css"> <link rel="stylesheet" href="/https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/ck_htmledit_views-a50b13a894.css"> <div id="content_views" class="htmledit_views atom-one-dark"> <div id="cnblogs_post_body" class="blogpost-body"> <p>头标签: <font color="#ff0000"><head></font></p> <p>头标签都放在 <<font color="#ff0000">head<font color="#000000">> </</font>head</font>> 头部分之间。包括:<font color="#9b00d3">title base meta link</font></p> <p><font color="#9b00d3"><title></font> :指定浏览器的标题栏显示的内容。</p> <p><font color="#9b00d3"><base></font> :</p> <blockquote> <p><font color="#00ff00">href</font> 属性:指定网页中所有的超链接的目录。可以是本地目录,也可以是网络目录,注意值的结尾处一定要用 \ 表示目录。只作用于相对路径的超链接文件。</p> <p><font color="#00ff00">target</font> 属性:指定打开超链接的方式。如 _blank 表示所有的超链接都用新窗口打开显示。</p></blockquote> <p><font color="#9b00d3"><meta></font> :</p> <blockquote> <p><font color="#00ff00">name</font> 属性:网页的描述信息。当取 keywords 时,content 属性的内容就作为搜索引擎的关键字进行搜索。</p> <p><font color="#00ff00">http-equiv</font> 属性:模拟HTTP协议的响应消息头。</p></blockquote> <p><font color="#9b00d3"><link></font> :</p> <blockquote> <p><font color="#00ff00">rel</font> 属性:描述目标文档与当前文档的关系。</p> <p><font color="#00ff00">type</font> 属性:文档类型。</p> <p><font color="#00ff00">media</font> 属性:指定目标文档在哪种设备上起作用</p></blockquote> <p>例子:</p> <div id="scid:9D7513F9-C04C-4721-824A-2B34F0212519:31404aea-d689-4b83-aa9c-2b2de0a756b5" class="wlWriterEditableSmartContent"><pre></pre><div><span style="color:#008080;"> 1</span> <span style="color:#0000FF;"><</span><span style="color:#800000;">head</span><span style="color:#0000FF;">></span><span style="color:#000000;"> </span><span style="color:#008080;"> 2</span> <span style="color:#000000;"> </span><span style="color:#008080;"> 3</span> <span style="color:#000000;"></span><span style="color:#0000FF;"><</span><span style="color:#800000;">title</span><span style="color:#0000FF;">></span><span style="color:#000000;">我的网页</span><span style="color:#0000FF;"></</span><span style="color:#800000;">title</span><span style="color:#0000FF;">></span><span style="color:#000000;"> </span><span style="color:#008080;"> 4</span> <span style="color:#000000;"> </span><span style="color:#008080;"> 5</span> <span style="color:#000000;"></span><span style="color:#0000FF;"><</span><span style="color:#800000;">base </span><span style="color:#FF0000;">href</span><span style="color:#0000FF;">="d:\code\myhtml\"</span><span style="color:#FF0000;"> </span><span style="color:#0000FF;">/></span><span style="color:#008000;"><!--</span><span style="color:#008000;">链接的根目录</span><span style="color:#008000;">--></span><span style="color:#000000;"> </span><span style="color:#008080;"> 6</span> <span style="color:#000000;"> </span><span style="color:#008080;"> 7</span> <span style="color:#000000;"></span><span style="color:#0000FF;"><</span><span style="color:#800000;">meta </span><span style="color:#FF0000;">http-equiv</span><span style="color:#0000FF;">="keywords"</span><span style="color:#FF0000;"> content</span><span style="color:#0000FF;">="Shawn"</span><span style="color:#FF0000;"> </span><span style="color:#0000FF;">/></span><span style="color:#008000;"><!--</span><span style="color:#008000;">网页关键字为Shawn</span><span style="color:#008000;">--></span><span style="color:#000000;"> </span><span style="color:#008080;"> 8</span> <span style="color:#000000;"></span><span style="color:#0000FF;"><</span><span style="color:#800000;">meta </span><span style="color:#FF0000;">http-equiv</span><span style="color:#0000FF;">="refresh"</span><span style="color:#FF0000;"> content</span><span style="color:#0000FF;">="3"</span><span style="color:#FF0000;"> </span><span style="color:#0000FF;">/></span><span style="color:#008000;"><!--</span><span style="color:#008000;">3秒刷新一次</span><span style="color:#008000;">--></span><span style="color:#000000;"> </span><span style="color:#008080;"> 9</span> <span style="color:#000000;"></span><span style="color:#0000FF;"><</span><span style="color:#800000;">meta </span><span style="color:#FF0000;">http-equiv</span><span style="color:#0000FF;">="Content-Type"</span><span style="color:#FF0000;"> content</span><span style="color:#0000FF;">="text/html; charset=gb2312"</span><span style="color:#FF0000;"> </span><span style="color:#0000FF;">/></span><span style="color:#000000;"> </span><span style="color:#008080;">10</span> <span style="color:#000000;"> </span><span style="color:#008080;">11</span> <span style="color:#000000;"></span><span style="color:#0000FF;"><</span><span style="color:#800000;">link </span><span style="color:#FF0000;">rel</span><span style="color:#0000FF;">="stylesheet"</span><span style="color:#FF0000;"> href</span><span style="color:#0000FF;">="1.css"</span><span style="color:#FF0000;"> media</span><span style="color:#0000FF;">="print,screen"</span><span style="color:#FF0000;"> </span><span style="color:#0000FF;">/></span><span style="color:#000000;"> </span><span style="color:#008080;">12</span> <span style="color:#000000;"></span><span style="color:#008000;"><!--</span><span style="color:#008000;">关联一个css样式文件</span><span style="color:#008000;">--></span><span style="color:#000000;"> </span><span style="color:#008080;">13</span> <span style="color:#000000;"> </span><span style="color:#008080;">14</span> <span style="color:#000000;"></span><span style="color:#0000FF;"></</span><span style="color:#800000;">head</span><span style="color:#0000FF;">></span><span style="color:#000000;"> </span><span style="color:#008080;">15</span> <span style="color:#000000;"> </span><span style="color:#008080;">16</span> <span style="color:#000000;"></span><span style="color:#0000FF;"><</span><span style="color:#800000;">body</span><span style="color:#0000FF;">></span><span style="color:#000000;"> </span><span style="color:#008080;">17</span> <span style="color:#000000;"> </span><span style="color:#0000FF;"><</span><span style="color:#800000;">a </span><span style="color:#FF0000;">href</span><span style="color:#0000FF;">="pic.jpg"</span><span style="color:#0000FF;">></span><span style="color:#000000;">PIC</span><span style="color:#0000FF;"></</span><span style="color:#800000;">a</span><span style="color:#0000FF;">></span><span style="color:#000000;"> </span><span style="color:#008080;">18</span> <span style="color:#000000;"></span><span style="color:#0000FF;"></</span><span style="color:#800000;">body</span><span style="color:#0000FF;">></span></div></div> </div> <p>转载于:https://www.cnblogs.com/ShawnWithSmallEyes/p/3367449.html</p> </div> </div> <div id="recommendDown"> </div> </article> <script> $(function() { setTimeout(function () { var mathcodeList = document.querySelectorAll('.htmledit_views img.mathcode'); if (mathcodeList.length > 0) { for (let i = 0; i < mathcodeList.length; i++) { if (mathcodeList[i].complete) { if (mathcodeList[i].naturalWidth === 0 || mathcodeList[i].naturalHeight === 0) { var alt = mathcodeList[i].alt; alt = '\\(' + alt + '\\)'; var curSpan = $('<span class="img-codecogs"></span>'); curSpan.text(alt); $(mathcodeList[i]).before(curSpan); $(mathcodeList[i]).remove(); } } else { mathcodeList[i].onerror = function() { var alt = mathcodeList[i].alt; alt = '\\(' + alt + '\\)'; var curSpan = $('<span class="img-codecogs"></span>'); curSpan.text(alt); $(mathcodeList[i]).before(curSpan); $(mathcodeList[i]).remove(); }; } } MathJax.Hub.Queue(["Typeset",MathJax.Hub]); } }, 500) }); </script> </div> <div class="directory-boxshadow-dialog" style="display:none;"> <div class="directory-boxshadow-dialog-box"> </div> <div class="vip-limited-time-offer-box-new" id="vip-limited-time-offer-box-new"> <img class="limited-img limited-img-new" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/vip-limited-close-newWhite.png"> <div class="vip-limited-time-top"> 确定要放弃本次机会? </div> <span class="vip-limited-time-text">福利倒计时</span> <div class="limited-time-box-new"> <span class="time-hour"></span> <i>:</i> <span class="time-minite"></span> <i>:</i> <span class="time-second"></span> </div> <div class="limited-time-vip-box"> <p> <img class="coupon-img" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/vip-limited-close-roup.png"> <span class="def">立减 ¥</span> <span class="active limited-num"></span> </p> <span class="">普通VIP年卡可用</span> </div> <a class="limited-time-btn-new" href="/https://mall.csdn.net/vip" data-report-click='{"spm":"1001.2101.3001.9621"}' data-report-query='spm=1001.2101.3001.9621'>立即使用</a> </div> </div> <div class="more-toolbox-new more-toolbar" id="toolBarBox"> <div class="left-toolbox"> <div class="toolbox-left"> <div class="profile-box"> <a class="profile-href" target="_blank" href="/https://blog.csdn.net/aev57372"><img class="profile-img" src="/https://profile-avatar.csdnimg.cn/default.jpg!1"> <span class="profile-name"> aev57372 </span> </a> </div> <div class="profile-attend"> <a class="tool-attend tool-bt-button tool-bt-attend" href="javascript:;" data-report-view='{"mod":"1592215036_002","spm":"1001.2101.3001.4232","extend1":"关注"}'>关注</a> <a class="tool-item-follow active-animation" style="display:none;">关注</a> </div> </div> <div class="toolbox-middle"> <ul class="toolbox-list"> <li class="tool-item tool-item-size tool-active is-like" id="is-like" data-type="bottom"> <a class="tool-item-href"> <img style="display:none;" id="is-like-imgactive-animation-like" class="animation-dom active-animation" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/tobarThumbUpactive.png" alt=""> <img class="isactive" style="display:none" id="is-like-imgactive" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/toolbar/like-active.png" alt=""> <img class="isdefault" style="display:block" id="is-like-img" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/toolbar/like.png" alt=""> <span id="spanCount" class="count "> 0 </span> </a> <div class="tool-hover-tip"><span class="text space">点赞</span></div> </li> <li class="tool-item tool-item-size tool-active is-unlike" id="is-unlike"> <a class="tool-item-href"> <img class="isactive" style="margin-right:0px;display:none" id="is-unlike-imgactive" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/toolbar/unlike-active.png" alt=""> <img class="isdefault" style="margin-right:0px;display:block" id="is-unlike-img" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/toolbar/unlike.png" alt=""> <span id="unlikeCount" class="count "></span> </a> <div class="tool-hover-tip"><span class="text space">踩</span></div> </li> <li class="tool-item tool-item-size tool-active is-collection "> <a class="tool-item-href" href="javascript:;" data-report-click='{"mod":"popu_824","spm":"1001.2101.3001.4130","ab":"new"}'> <img style="display:none" id="is-collection-img-collection" class="animation-dom active-animation" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/toolbar/collect-active.png" alt=""> <img class="isdefault" id="is-collection-img" style="display:block" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/toolbar/collect.png" alt=""> <img class="isactive" id="is-collection-imgactive" style="display:none" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/newCollectActive.png" alt=""> <span class="count get-collection " data-num="0" id="get-collection"> 0 </span> </a> <div class="tool-hover-tip collect"> <div class="collect-operate-box"> <span class="collect-text" id="is-collection"> 收藏 </span> </div> </div> <div class="tool-active-list"> <div class="text"> 觉得还不错? <span class="collect-text" id="tool-active-list-collection"> 一键收藏 </span> <img id="tool-active-list-close" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/collectionCloseWhite.png" alt=""> </div> </div> </li> <li class="tool-item tool-item-size tool-active tool-item-comment"> <div class="guide-rr-first"> <img src="/https://csdnimg.cn/release/blogv2/dist/pc/img/guideRedReward01.png" alt=""> <button class="btn-guide-known">知道了</button> </div> <a class="tool-item-href" href="#commentBox" data-report-click='{"spm":"1001.2101.3001.7009"}'> <img class="isdefault" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/toolbar/comment.png" alt=""> <span class="count"> 0 </span> </a> <div class="tool-hover-tip"><span class="text space">评论</span></div> </li> <li class="tool-item tool-item-size tool-active tool-QRcode" data-type="article" id="tool-share"> <a class="tool-item-href" href="javascript:;" data-report-view='{"spm":"3001.4129","extra":{"type":"blogdetail"}}'> <img class="isdefault" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/toolbar/share.png" alt=""> <span class="count">分享</span> </a> <div class="QRcode" id="tool-QRcode"> <div class="share-bg-box"> <div class="share-content"> <a id="copyPosterUrl" data-type="link" class="btn-share">复制链接</a> </div> <div class="share-content"> <a class="btn-share" data-type="qq">分享到 QQ</a> </div> <div class="share-content"> <a class="btn-share" data-type="weibo">分享到新浪微博</a> </div> <div class="share-code"> <div class="share-code-box" id='shareCode'></div> <div class="share-code-text"> <img src="/https://csdnimg.cn/release/blogv2/dist/pc/img/share/icon-wechat.png" alt="">扫一扫 </div> </div> </div> </div> </li> <li class="tool-item tool-item-size tool-active is-more" id="is-more"> <a class="tool-item-href"> <img class="isdefault" style="margin-right:0px;display:block" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/toolbar/more.png" alt=""> <span class="count"></span> </a> <div class="more-opt-box"> <div class="mini-box"> <a class="tool-item-href" id="toolReportBtnHide"> <img class="isdefault" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/toolbar/report.png" alt=""> <span class="count">举报</span> </a> </div> <div class="normal-box"> <a class="tool-item-href" id="toolReportBtnHideNormal"> <img class="isdefault" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/toolbar/report.png" alt=""> <span class="count">举报</span> </a> </div> </div> </li> </ul> </div> <div class="toolbox-right"> </div> </div> </div> <script type=text/javascript crossorigin src="/https://csdnimg.cn/release/phoenix/production/qrcode-7c90a92189.min.js"></script> <script type="text/javascript" crossorigin src="/https://g.csdnimg.cn/common/csdn-login-box/csdn-login-box.js"></script> <script type="text/javascript" crossorigin src="/https://g.csdnimg.cn/collection-box/2.1.2/collection-box.js"></script> <div id="dmp_ad_58" style="width:100%;overflow-x:hidden"> <div id="kp_box_58" data-pid="58"><iframe src="/https://kunpeng-sc.csdnimg.cn/?timestamp=1645783940/#/preview1/4420742?positionId=58&adBlockFlag=0&adId=1108423&queryWord=Html笔记九头标签&spm=1001.2101.3001.5002&articleId=101394104" frameborder="0" width= "100%" height= "75px" scrolling="no" ></iframe><img class="pre-img-lasy" data-src="/https://kunyu.csdn.net/1.png?p=58&adBlockFlag=0&adId=1108423&a=1108423&c=4420742&k=Html笔记九头标签&spm=1001.2101.3001.5002&articleId=101394104&d=1&t=3&u=8133f99eff054d209b3ddd45d7adde45" style="display: block;width: 0px;height: 0px;"><script src="/https://kunpeng-render.csdnimg.cn/publisher/latest/closeAdFrame.js"></script></div> </div> <script src="/https://csdnimg.cn/release/blogv2/dist/components/js/pc_wap_commontools-67ecc2a5fc.min.js" type="text/javascript" async></script> <div class="second-recommend-box recommend-box "> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/weixin_28327051/article/details/159602090" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.1","mod":"popu_387","extra":"{\"utm_medium\":\"distribute.pc_relevant.none-task-blog-pc_relevant_commercial_fallback_v1-1-159602090-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"default","index":"1","strategy":"pc_relevant_commercial_fallback_v1","dest":"https://blog.csdn.net/weixin_28327051/article/details/159602090"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="/https://blog.csdn.net/weixin_28327051/article/details/159602090" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.1","mod":"popu_387","extra":"{\"utm_medium\":\"distribute.pc_relevant.none-task-blog-pc_relevant_commercial_fallback_v1-1-159602090-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"default","index":"1","strategy":"pc_relevant_commercial_fallback_v1","dest":"https://blog.csdn.net/weixin_28327051/article/details/159602090"}' data-report-query='spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-pc_relevant_commercial_fallback_v1-1-159602090-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-pc_relevant_commercial_fallback_v1-1-159602090-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1">用Python+ArcGIS分析厦门共享单车数据:5分钟搞定订单时长与距离分布的可视化</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="/https://blog.csdn.net/weixin_28327051" target="_blank"><span class="blog-title">weixin_28327051的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">03-29</span> <span class="info-block read"><img class="read-img" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 302 </span> </div> </div> </div> <div class="desc-box"> <a href="/https://blog.csdn.net/weixin_28327051/article/details/159602090" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.1","mod":"popu_387","extra":"{\"utm_medium\":\"distribute.pc_relevant.none-task-blog-pc_relevant_commercial_fallback_v1-1-159602090-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"default","index":"1","strategy":"pc_relevant_commercial_fallback_v1","dest":"https://blog.csdn.net/weixin_28327051/article/details/159602090"}' data-report-query='spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-pc_relevant_commercial_fallback_v1-1-159602090-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-pc_relevant_commercial_fallback_v1-1-159602090-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">本文详细介绍了如何利用Python和ArcGIS Pro 3.x快速分析厦门共享单车数据,实现订单时长与距离分布的可视化。通过数据清洗、预处理和高级可视化技巧,揭示用户行为特征,为运营优化提供数据支持。文章还提供了环境配置、代码示例和业务洞察,帮助开发者高效完成数据分析任务。</div> </a> </div> </div> </div> </div> <a id="commentBox" name="commentBox"></a> <div id="pcCommentBox" class="comment-box comment-box-new2 unlogin-comment-box-new" style="display:none"> <div class="unlogin-comment-model"> <span class="unlogin-comment-tit">参与评论</span> <span class="unlogin-comment-text">您还未登录,请先</span> <span class="unlogin-comment-bt">登录</span> <span class="unlogin-comment-text">后发表或查看评论</span> </div> </div> <div class="recommend-box insert-baidu-box recommend-box-style "> <div class="recommend-item-box no-index" style="display:none"></div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/a8039974/article/details/146676977" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.2","mod":"popu_387","extra":"{\"utm_medium\":\"distribute.pc_relevant.none-task-blog-pc_relevant_commercial_fallback_v1-2-146676977-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"default","index":"2","strategy":"pc_relevant_commercial_fallback_v1","dest":"https://blog.csdn.net/a8039974/article/details/146676977"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="/https://blog.csdn.net/a8039974/article/details/146676977" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.2","mod":"popu_387","extra":"{\"utm_medium\":\"distribute.pc_relevant.none-task-blog-pc_relevant_commercial_fallback_v1-2-146676977-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"default","index":"2","strategy":"pc_relevant_commercial_fallback_v1","dest":"https://blog.csdn.net/a8039974/article/details/146676977"}' data-report-query='spm=1001.2101.3001.6650.2&utm_medium=distribute.pc_relevant.none-task-blog-pc_relevant_commercial_fallback_v1-2-146676977-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-pc_relevant_commercial_fallback_v1-2-146676977-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1">Ultralytics 框架中 model.predict<em>(</em><em>)</em> 返回的 results 对象的详细解析</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="/https://blog.csdn.net/a8039974" target="_blank"><span class="blog-title">浩瀚之水的专栏</span></a> </div> <div class="info display-flex"> <span class="info-block time">03-29</span> <span class="info-block read"><img class="read-img" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 715 </span> </div> </div> </div> <div class="desc-box"> <a href="/https://blog.csdn.net/a8039974/article/details/146676977" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.2","mod":"popu_387","extra":"{\"utm_medium\":\"distribute.pc_relevant.none-task-blog-pc_relevant_commercial_fallback_v1-2-146676977-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"default","index":"2","strategy":"pc_relevant_commercial_fallback_v1","dest":"https://blog.csdn.net/a8039974/article/details/146676977"}' data-report-query='spm=1001.2101.3001.6650.2&utm_medium=distribute.pc_relevant.none-task-blog-pc_relevant_commercial_fallback_v1-2-146676977-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-pc_relevant_commercial_fallback_v1-2-146676977-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">通过掌握 results 对象的使用方法,您可以快速实现模型部署、数据分析与可视化。</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/weixin_45707610/article/details/130954063" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.3","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-3-130954063-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"3","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/weixin_45707610/article/details/130954063"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="/https://blog.csdn.net/weixin_45707610/article/details/130954063" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.3","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-3-130954063-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"3","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/weixin_45707610/article/details/130954063"}' data-report-query='spm=1001.2101.3001.6650.3&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-3-130954063-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-3-130954063-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"><em>html</em><em>头标签</em>的使用浅谈</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="/https://blog.csdn.net/weixin_45707610" target="_blank"><span class="blog-title">xiaoweids的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">05-30</span> <span class="info-block read"><img class="read-img" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 107 </span> </div> </div> </div> <div class="desc-box"> <a href="/https://blog.csdn.net/weixin_45707610/article/details/130954063" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.3","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-3-130954063-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"3","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/weixin_45707610/article/details/130954063"}' data-report-query='spm=1001.2101.3001.6650.3&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-3-130954063-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-3-130954063-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">* css中使用到,可以使用link标签引入css文件。** meta标签:设置页面的一些相关内容(用的比较少)以上所述是小编给大家介绍的<em>html</em><em>头标签</em>的使用 ,希望对大家有所帮助。这篇文章主要介绍了详解<em>html</em><em>头标签</em>的使用 ,需要的朋友可以参考下。** title标签:表示在标签上显示的内容。** base标签:设置超链接的基本设置。- 可以统一设置超链接的打开方式。** 在head里面的标签就是<em>头标签</em>。** link标签:引入外部文件。</div> </a> </div> </div> </div> <dl id="recommend-item-box-tow" class="recommend-item-box type_blog clearfix"> </dl> <div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/hhappy0123456789/88526480" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.4","mod":"popu_387","extra":"{\"utm_medium\":\"distribute.pc_relevant.none-task-download-pc_relevant_commercial_fallback_v1-4-88526480-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"default","index":"4","strategy":"pc_relevant_commercial_fallback_v1","dest":"https://download.csdn.net/download/hhappy0123456789/88526480"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="/https://download.csdn.net/download/hhappy0123456789/88526480" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.4","mod":"popu_387","extra":"{\"utm_medium\":\"distribute.pc_relevant.none-task-download-pc_relevant_commercial_fallback_v1-4-88526480-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"default","index":"4","strategy":"pc_relevant_commercial_fallback_v1","dest":"https://download.csdn.net/download/hhappy0123456789/88526480"}' data-report-query='spm=1001.2101.3001.6650.4&utm_medium=distribute.pc_relevant.none-task-download-pc_relevant_commercial_fallback_v1-4-88526480-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-download-pc_relevant_commercial_fallback_v1-4-88526480-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1">加拿大境外临时居民签证申请<em>(</em>IMM5257<em>)</em>.pdf</div> </a> </div> <div class="info-box display-flex"> <div class="info display-flex"> <span class="info-block"></span> </div> </div> </div> <div class="desc-box"> <a href="/https://download.csdn.net/download/hhappy0123456789/88526480" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.4","mod":"popu_387","extra":"{\"utm_medium\":\"distribute.pc_relevant.none-task-download-pc_relevant_commercial_fallback_v1-4-88526480-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"default","index":"4","strategy":"pc_relevant_commercial_fallback_v1","dest":"https://download.csdn.net/download/hhappy0123456789/88526480"}' data-report-query='spm=1001.2101.3001.6650.4&utm_medium=distribute.pc_relevant.none-task-download-pc_relevant_commercial_fallback_v1-4-88526480-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-download-pc_relevant_commercial_fallback_v1-4-88526480-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">加拿大境外临时居民签证申请<em>(</em>IMM5257<em>)</em>.pdf</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/waiting1313_/article/details/140825622" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.5","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-5-140825622-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"5","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/waiting1313_/article/details/140825622"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="/https://blog.csdn.net/waiting1313_/article/details/140825622" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.5","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-5-140825622-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"5","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/waiting1313_/article/details/140825622"}' data-report-query='spm=1001.2101.3001.6650.5&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-5-140825622-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-5-140825622-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"><em>html</em>的骨架和<em>头标签</em>的应用</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="/https://blog.csdn.net/waiting1313_" target="_blank"><span class="blog-title">waiting1313_的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">07-31</span> <span class="info-block read"><img class="read-img" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 529 </span> </div> </div> </div> <div class="desc-box"> <a href="/https://blog.csdn.net/waiting1313_/article/details/140825622" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.5","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-5-140825622-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"5","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/waiting1313_/article/details/140825622"}' data-report-query='spm=1001.2101.3001.6650.5&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-5-140825622-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-5-140825622-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1"><em>头标签</em>的元素</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/weixin_45707610/article/details/131362205" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.6","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-6-131362205-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"6","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/weixin_45707610/article/details/131362205"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="/https://blog.csdn.net/weixin_45707610/article/details/131362205" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.6","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-6-131362205-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"6","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/weixin_45707610/article/details/131362205"}' data-report-query='spm=1001.2101.3001.6650.6&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-6-131362205-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-6-131362205-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1">关于<em>html</em><em>头标签</em>的使用详解</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="/https://blog.csdn.net/weixin_45707610" target="_blank"><span class="blog-title">xiaoweids的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">06-24</span> <span class="info-block read"><img class="read-img" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 232 </span> </div> </div> </div> <div class="desc-box"> <a href="/https://blog.csdn.net/weixin_45707610/article/details/131362205" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.6","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-6-131362205-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"6","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/weixin_45707610/article/details/131362205"}' data-report-query='spm=1001.2101.3001.6650.6&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-6-131362205-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-6-131362205-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">* css中使用到,可以使用link标签引入css文件。** meta标签:设置页面的一些相关内容(用的比较少)以上所述是小编给大家介绍的<em>html</em><em>头标签</em>的使用 ,希望对大家有所帮助。本文主要介绍了详解<em>html</em><em>头标签</em>的使用 ,需要的朋友可以参考下。** title标签:表示在标签上显示的内容。** base标签:设置超链接的基本设置。- 可以统一设置超链接的打开方式。** 在head里面的标签就是<em>头标签</em>。** link标签:引入外部文件。</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/qq_36320160/article/details/102182154" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.7","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-7-102182154-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"7","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/qq_36320160/article/details/102182154"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="/https://blog.csdn.net/qq_36320160/article/details/102182154" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.7","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-7-102182154-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"7","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/qq_36320160/article/details/102182154"}' data-report-query='spm=1001.2101.3001.6650.7&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-7-102182154-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-7-102182154-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"><em>html</em>-<em>头标签</em>的使用</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="/https://blog.csdn.net/qq_36320160" target="_blank"><span class="blog-title">qq_36320160的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">10-05</span> <span class="info-block read"><img class="read-img" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 93 </span> </div> </div> </div> <div class="desc-box"> <a href="/https://blog.csdn.net/qq_36320160/article/details/102182154" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.7","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-7-102182154-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"7","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/qq_36320160/article/details/102182154"}' data-report-query='spm=1001.2101.3001.6650.7&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-7-102182154-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-7-102182154-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">  <em>HTML</em>两部分组成 head和body     ** 在head里面的标签就是<em>头标签</em>       ** title标签:表示在标签上显示的内容       ** meta标签:设置页面的一些相关内...</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/zhongyi_yang/article/details/46121911" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.8","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-8-46121911-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"8","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/zhongyi_yang/article/details/46121911"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="/https://blog.csdn.net/zhongyi_yang/article/details/46121911" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.8","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-8-46121911-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"8","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/zhongyi_yang/article/details/46121911"}' data-report-query='spm=1001.2101.3001.6650.8&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-8-46121911-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-8-46121911-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em>中head<em>头标签</em></div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="/https://blog.csdn.net/zhongyi_yang" target="_blank"><span class="blog-title">Commander</span></a> </div> <div class="info display-flex"> <span class="info-block time">05-28</span> <span class="info-block read"><img class="read-img" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 642 </span> </div> </div> </div> <div class="desc-box"> <a href="/https://blog.csdn.net/zhongyi_yang/article/details/46121911" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.8","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-8-46121911-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"8","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/zhongyi_yang/article/details/46121911"}' data-report-query='spm=1001.2101.3001.6650.8&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-8-46121911-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-8-46121911-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1"><em>HTML</em> head 头部分的标签、元素有很多,涉及到浏览器对网页的渲染,SEO 等等,而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。移动互联网时代,head 头部结构,移动端的 meta 元素,显得更为重要。了解每个标签的意义,写出满足自己需求的 head <em>头标签</em>,是本文的目的。本篇以一丝的文章为基础,进行扩展总结介绍常用的 head 中各个标签、元素的意义以及</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/icoord_web/article/details/41208051" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.9","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-9-41208051-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"9","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/icoord_web/article/details/41208051"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="/https://blog.csdn.net/icoord_web/article/details/41208051" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.9","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-9-41208051-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"9","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/icoord_web/article/details/41208051"}' data-report-query='spm=1001.2101.3001.6650.9&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-9-41208051-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-9-41208051-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em> head <em>头标签</em>大全</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="/https://blog.csdn.net/icoord_web" target="_blank"><span class="blog-title">亿库web的专栏</span></a> </div> <div class="info display-flex"> <span class="info-block time">11-17</span> <span class="info-block read"><img class="read-img" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 415 </span> </div> </div> </div> <div class="desc-box"> <a href="/https://blog.csdn.net/icoord_web/article/details/41208051" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.9","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-9-41208051-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"9","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/icoord_web/article/details/41208051"}' data-report-query='spm=1001.2101.3001.6650.9&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-9-41208051-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-9-41208051-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1"><em>HTML</em> head 头部分的标签、元素有很多,涉及到浏览器对网页的渲染,SEO  等等,而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。移动互联网时代,head 头部结构,移动端的 meta  元素,显得更为重要。了解每个标签的意义,写出满足自己需求的 head <em>头标签</em>,是本文的目的。本篇以一丝的文章为基础,进行扩展总结介绍常用的 head 中各个标签、元素的意义</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/a_lonely_dancer/article/details/52268737" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.10","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-10-52268737-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"10","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/a_lonely_dancer/article/details/52268737"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="/https://blog.csdn.net/a_lonely_dancer/article/details/52268737" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.10","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-10-52268737-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"10","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/a_lonely_dancer/article/details/52268737"}' data-report-query='spm=1001.2101.3001.6650.10&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-10-52268737-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-10-52268737-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em><em>头标签</em>的使用</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="/https://blog.csdn.net/a_lonely_dancer" target="_blank"><span class="blog-title">a_lonely_dancer的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">08-21</span> <span class="info-block read"><img class="read-img" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 2672 </span> </div> </div> </div> <div class="desc-box"> <a href="/https://blog.csdn.net/a_lonely_dancer/article/details/52268737" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.10","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-10-52268737-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"10","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/a_lonely_dancer/article/details/52268737"}' data-report-query='spm=1001.2101.3001.6650.10&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-10-52268737-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-10-52268737-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">在网页中<em>头标签</em>是一个很重要的标签。在这里我将介绍<em>HTML</em>中<em>头标签</em>包含的常用元素,及使用!! <em>头标签</em>涉及的属性标签:title、meta、base、link等,下面我们就来一一学习他们的使用!title的中文意思为标题的意思。在<em>头标签</em>里面定义一条这样的标签如: <title>domarvel是一个搜索网站</title> <!-- 这样在浏览器网页标题中就会显示 “domarvel是一个搜索网站</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/tank376574984/article/details/84689770" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.11","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-11-84689770-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"11","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/tank376574984/article/details/84689770"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="/https://blog.csdn.net/tank376574984/article/details/84689770" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.11","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-11-84689770-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"11","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/tank376574984/article/details/84689770"}' data-report-query='spm=1001.2101.3001.6650.11&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-11-84689770-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-11-84689770-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em> head <em>头标签</em></div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="/https://blog.csdn.net/tank376574984" target="_blank"><span class="blog-title">前端笔记</span></a> </div> <div class="info display-flex"> <span class="info-block time">12-05</span> <span class="info-block read"><img class="read-img" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 327 </span> </div> </div> </div> <div class="desc-box"> <a href="/https://blog.csdn.net/tank376574984/article/details/84689770" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.11","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-11-84689770-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"11","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/tank376574984/article/details/84689770"}' data-report-query='spm=1001.2101.3001.6650.11&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-11-84689770-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-11-84689770-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1"><em>HTML</em> head 头部分的标签、元素有很多,涉及到浏览器对网页的渲染,SEO 等等,而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。移动互联网时代,head 头部结构,移动端的 meta 元素,显得更为重要。了解每个标签的意义,写出满足自己需求的 head <em>头标签</em>,是本文的目的。本篇以一丝的文章为基础,进行扩展总结介绍常用的 head 中各个标签、元素的意义以及...</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/huang100qi/article/details/42596799" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.12","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-12-42596799-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"12","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/huang100qi/article/details/42596799"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="/https://blog.csdn.net/huang100qi/article/details/42596799" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.12","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-12-42596799-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"12","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/huang100qi/article/details/42596799"}' data-report-query='spm=1001.2101.3001.6650.12&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-12-42596799-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-12-42596799-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1">移动前端不得不了解的<em>html</em>5 head <em>头标签</em></div> <div class="tag">热门推荐</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="/https://blog.csdn.net/huang100qi" target="_blank"><span class="blog-title">huang100qi的专栏</span></a> </div> <div class="info display-flex"> <span class="info-block time">01-11</span> <span class="info-block read"><img class="read-img" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 3万+ </span> </div> </div> </div> <div class="desc-box"> <a href="/https://blog.csdn.net/huang100qi/article/details/42596799" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.12","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-12-42596799-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"12","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/huang100qi/article/details/42596799"}' data-report-query='spm=1001.2101.3001.6650.12&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-12-42596799-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-12-42596799-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">本文主要内容来自一丝的常用的 <em>HTML</em> 头部标签和百度FEX的<em>HTML</em> head <em>头标签</em>。 移动端的工作已经越来越成为前端工作的重要内容,除了平常的项目开发,<em>HTML</em> 头部标签功能,特别是meta标签显得非常重要。   DOCTYPE DOCTYPE<em>(</em>Document Type<em>)</em>,该声明位于文档中最前面的位置,处于 <em>html</em> 标签之前,此标签告知浏览器文</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/weixin_36219745/article/details/118350519" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.13","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-13-118350519-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"13","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/weixin_36219745/article/details/118350519"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="/https://blog.csdn.net/weixin_36219745/article/details/118350519" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.13","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-13-118350519-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"13","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/weixin_36219745/article/details/118350519"}' data-report-query='spm=1001.2101.3001.6650.13&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-13-118350519-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-13-118350519-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"><em>html</em> <em>头标签</em>,<em>HTML</em>之头部标签</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="/https://blog.csdn.net/weixin_36219745" target="_blank"><span class="blog-title">weixin_36219745的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">06-29</span> <span class="info-block read"><img class="read-img" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 1208 </span> </div> </div> </div> <div class="desc-box"> <a href="/https://blog.csdn.net/weixin_36219745/article/details/118350519" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.13","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-13-118350519-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"13","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/weixin_36219745/article/details/118350519"}' data-report-query='spm=1001.2101.3001.6650.13&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-13-118350519-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-13-118350519-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">head元素元素包含了所有的头部标签元素可以添加在头部区域的元素标签为:title,style,meta,link,script,noscript,base定义不同文档的标题。定义了浏览器工具栏的标题。当网页添加到收藏夹时,显示在收藏夹中的标题。显示在搜索引擎结果页面的标题。eg: 我是标题 标签描述了基本的链接地址/链接目标,该标签作为<em>HTML</em>文档中所有的链接标签的默认链接。eg: 标签定义了...</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/pengchengliu/article/details/88085738" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.14","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-14-88085738-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"14","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/pengchengliu/article/details/88085738"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="/https://blog.csdn.net/pengchengliu/article/details/88085738" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.14","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-14-88085738-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"14","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/pengchengliu/article/details/88085738"}' data-report-query='spm=1001.2101.3001.6650.14&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-14-88085738-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-14-88085738-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"><em>html</em>的<em>头标签</em>的使用</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="/https://blog.csdn.net/pengchengliu" target="_blank"><span class="blog-title">liupc的学习笔记</span></a> </div> <div class="info display-flex"> <span class="info-block time">03-03</span> <span class="info-block read"><img class="read-img" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 302 </span> </div> </div> </div> <div class="desc-box"> <a href="/https://blog.csdn.net/pengchengliu/article/details/88085738" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.14","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-14-88085738-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"14","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/pengchengliu/article/details/88085738"}' data-report-query='spm=1001.2101.3001.6650.14&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-14-88085738-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-14-88085738-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1"><em>html</em>两部分组成:head和body 在head里面显示的标签就是<em>头标签</em>。 &lt;title&gt;&lt;/title&gt; 表示在标签上显示的内容 meta标签 设置页面的一些相关内容 base标签 设置超链接的基本设置。可以统一设置超链接的打开...</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/ZHOU_VIP/article/details/73431037" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.15","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-15-73431037-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"15","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/ZHOU_VIP/article/details/73431037"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="/https://blog.csdn.net/ZHOU_VIP/article/details/73431037" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.15","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-15-73431037-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"15","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/ZHOU_VIP/article/details/73431037"}' data-report-query='spm=1001.2101.3001.6650.15&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-15-73431037-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-15-73431037-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"><em>html</em>的<em>头标签</em></div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="/https://blog.csdn.net/ZHOU_VIP" target="_blank"><span class="blog-title">兴趣是最好的老师</span></a> </div> <div class="info display-flex"> <span class="info-block time">06-18</span> <span class="info-block read"><img class="read-img" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 559 </span> </div> </div> </div> <div class="desc-box"> <a href="/https://blog.csdn.net/ZHOU_VIP/article/details/73431037" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.15","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-15-73431037-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"15","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/ZHOU_VIP/article/details/73431037"}' data-report-query='spm=1001.2101.3001.6650.15&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-15-73431037-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-15-73431037-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1"><em>html</em>的<em>头标签</em>的使用 * <em>html</em>两部分组成 head和body ** 在head里面的标签就是<em>头标签</em> ** title标签:表示在标签上显示的内容 ** 标签:设置页面的一些相关内容 - //早期没有竞价排名会这样做 //页面的定时跳转,3秒后跳转 ** base标签:设置超链接的基本设置 - 可以统一设置超链接的打开方式 ** link标签:引入外</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/cbdcbd1234/article/details/100515198" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.16","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-16-100515198-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"16","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/cbdcbd1234/article/details/100515198"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="/https://blog.csdn.net/cbdcbd1234/article/details/100515198" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.16","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-16-100515198-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"16","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/cbdcbd1234/article/details/100515198"}' data-report-query='spm=1001.2101.3001.6650.16&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-16-100515198-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-16-100515198-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"><em>html</em><em>头标签</em><em>(</em>head<em>)</em></div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="/https://blog.csdn.net/cbdcbd1234" target="_blank"><span class="blog-title">cbdcbd1234的专栏</span></a> </div> <div class="info display-flex"> <span class="info-block time">09-03</span> <span class="info-block read"><img class="read-img" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 643 </span> </div> </div> </div> <div class="desc-box"> <a href="/https://blog.csdn.net/cbdcbd1234/article/details/100515198" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.16","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-16-100515198-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"16","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/cbdcbd1234/article/details/100515198"}' data-report-query='spm=1001.2101.3001.6650.16&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-16-100515198-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-16-100515198-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">1、<em>头标签</em><em>(</em>head<em>)</em> head标签是所有头部元素的容器。 <head>内的元素可包含脚本,指示浏览器在何处可以找到样式表,提供元信息等。 可添加到head部分的标签:<title>、<base>、<meta>、<link>、<script>、<style>: <title>:指定整个网页的标题...</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/weixin_30725315/article/details/95552514" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.17","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-17-95552514-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"17","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/weixin_30725315/article/details/95552514"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="/https://blog.csdn.net/weixin_30725315/article/details/95552514" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.17","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-17-95552514-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"17","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/weixin_30725315/article/details/95552514"}' data-report-query='spm=1001.2101.3001.6650.17&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-17-95552514-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-17-95552514-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"><em>头标签</em></div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="/https://blog.csdn.net/weixin_30725315" target="_blank"><span class="blog-title">weixin_30725315的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">10-17</span> <span class="info-block read"><img class="read-img" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 56 </span> </div> </div> </div> <div class="desc-box"> <a href="/https://blog.csdn.net/weixin_30725315/article/details/95552514" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.17","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-17-95552514-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"17","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/weixin_30725315/article/details/95552514"}' data-report-query='spm=1001.2101.3001.6650.17&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-17-95552514-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-17-95552514-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1"><em>头标签</em>用于设置页面的一些属性信息 格式:<head></head> 在<em>头标签</em>中还有一些其他的标签 <title></title>用于设置页面标题 <base/>用于设置此页面所有超链接的目录,利用href链接目录,可以是本地也可以是网络,target用于指定打开方式,如target="_blank"新页面打开 <meta ...</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://devpress.csdn.net/v1/article/detail/110508225" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.18","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~activity-18-110508225-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"18","strategy":"2~default~ElasticSearch~activity","dest":"https://devpress.csdn.net/v1/article/detail/110508225"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="/https://devpress.csdn.net/v1/article/detail/110508225" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.18","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~activity-18-110508225-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"18","strategy":"2~default~ElasticSearch~activity","dest":"https://devpress.csdn.net/v1/article/detail/110508225"}' data-report-query='spm=1001.2101.3001.6650.18&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7Eactivity-18-110508225-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7Eactivity-18-110508225-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em>的介绍</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="/https://blog.csdn.net/tianfen_auster" target="_blank"><span class="blog-title">tianfen_auster的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">12-03</span> <span class="info-block read"><img class="read-img" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 1万+ </span> </div> </div> </div> <div class="desc-box"> <a href="/https://devpress.csdn.net/v1/article/detail/110508225" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.18","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~activity-18-110508225-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"18","strategy":"2~default~ElasticSearch~activity","dest":"https://devpress.csdn.net/v1/article/detail/110508225"}' data-report-query='spm=1001.2101.3001.6650.18&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7Eactivity-18-110508225-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7Eactivity-18-110508225-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">一、<em>HTML</em>的介绍 1、<em>HTML</em>的概述: <em>html</em>全称为HyperText Markup Language,译为超文本标记语言,不是一种编程语言,是一种描述性的标记语言,用于描述超文本中内容的显示方式。比如字体什么颜色,大小等。 超文本:音频,视频,图片称为超文本。 标记 :<英文单词或者字母>称为标记,一个<em>HTML</em>页面都是由各种标记组成。 作用:<em>HTML</em>是负责描述文档语义的语言。 注意:<em>HTML</em>语言不是一个编程语言<em>(</em>有编译过程<em>)</em>,而是一个标记语言<em>(</em>没有编译过程<em>)</em>,<em>HTML</em>页面直接由浏览器解</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/wuyuehuayiyi/article/details/51144014" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.19","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-19-51144014-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"19","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/wuyuehuayiyi/article/details/51144014"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="/https://blog.csdn.net/wuyuehuayiyi/article/details/51144014" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.19","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-19-51144014-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"19","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/wuyuehuayiyi/article/details/51144014"}' data-report-query='spm=1001.2101.3001.6650.19&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-19-51144014-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-19-51144014-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em> head <em>头标签</em>你真的了解么?</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="/https://blog.csdn.net/wuyuehuayiyi" target="_blank"><span class="blog-title">369Cloud的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">04-13</span> <span class="info-block read"><img class="read-img" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 6153 </span> </div> </div> </div> <div class="desc-box"> <a href="/https://blog.csdn.net/wuyuehuayiyi/article/details/51144014" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.19","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-19-51144014-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"19","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/wuyuehuayiyi/article/details/51144014"}' data-report-query='spm=1001.2101.3001.6650.19&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-19-51144014-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-19-51144014-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1"><em>HTML</em> head 头部分的标签、元素有很多,涉及到浏览器对网页的渲染,SEO 等等,而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。移动互联网时代,head 头部结构,移动端的 meta 元素,显得更为重要。了解每个标签的意义,写出满足自己需求的 head <em>头标签</em>,是本文的目的。本篇以一丝的文章为基础,进行扩展总结介绍常用的 head 中各个标签、元素的意义</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/weixin_45892170/article/details/104277503" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.20","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-20-104277503-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"20","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/weixin_45892170/article/details/104277503"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="/https://blog.csdn.net/weixin_45892170/article/details/104277503" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.20","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-20-104277503-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"20","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/weixin_45892170/article/details/104277503"}' data-report-query='spm=1001.2101.3001.6650.20&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-20-104277503-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-20-104277503-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"><em>html</em><em>头标签</em>的使用</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="/https://blog.csdn.net/weixin_45892170" target="_blank"><span class="blog-title">weixin_45892170的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">02-12</span> <span class="info-block read"><img class="read-img" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 233 </span> </div> </div> </div> <div class="desc-box"> <a href="/https://blog.csdn.net/weixin_45892170/article/details/104277503" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.20","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~ElasticSearch~Rate-20-104277503-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"20","strategy":"2~default~ElasticSearch~Rate","dest":"https://blog.csdn.net/weixin_45892170/article/details/104277503"}' data-report-query='spm=1001.2101.3001.6650.20&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-20-104277503-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EElasticSearch%7ERate-20-104277503-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">1、<em>html</em>标签由两部分组成 head 和 body 1、<title> </title> 表示在浏览器页面上显示的内容 2、<meta></meta> 设置页面的一些相关内容 //设置关键字 <meta name="keywords" content="12,12,45,85"> //设置页面自动刷新,页面跳转计时,和新页面的路径 &l...</div> </a> </div> </div> </div> <div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/cmes_love/93315257" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.21","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~BlogCommendHotData~default-21-93315257-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"21","strategy":"2~default~BlogCommendHotData~default","dest":"https://download.csdn.net/download/cmes_love/93315257"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="/https://download.csdn.net/download/cmes_love/93315257" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.21","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~BlogCommendHotData~default-21-93315257-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"21","strategy":"2~default~BlogCommendHotData~default","dest":"https://download.csdn.net/download/cmes_love/93315257"}' data-report-query='spm=1001.2101.3001.6650.21&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendHotData%7Edefault-21-93315257-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendHotData%7Edefault-21-93315257-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1">港股十档行情tick数据包含逐笔成交与委托挂单信息 每<em>笔记</em>录含时间戳、最新价、成交量、成交额,以及买一到买十、卖一到卖十的价格和挂单量</div> <div class="tag">最新发布</div> </a> </div> <div class="info-box display-flex"> <div class="info display-flex"> <span class="info-block">08-22</span> </div> </div> </div> <div class="desc-box"> <a href="/https://download.csdn.net/download/cmes_love/93315257" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.21","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~BlogCommendHotData~default-21-93315257-blog-101394104.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1787479868797_89679\"}","dist_request_id":"1787479868797_89679","ab_strategy":"landing_bge_commercial_es","index":"21","strategy":"2~default~BlogCommendHotData~default","dest":"https://download.csdn.net/download/cmes_love/93315257"}' data-report-query='spm=1001.2101.3001.6650.21&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendHotData%7Edefault-21-93315257-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendHotData%7Edefault-21-93315257-blog-101394104.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">港股十档行情tick数据包含逐笔成交与委托挂单信息。每<em>笔记</em>录含时间戳、最新价、成交量、成交额,以及买一到买十、卖一到卖十的价格和挂单量。逐笔数据单独记录每笔成交明细,含成交时间、价格、成交量、买卖方向。分钟数据提供开盘、最高、最低、收盘价及成交量、成交额,按分钟汇总。历史跨度覆盖近十五年,以csv表格形式提供。 数据源:CMES金融数据库</div> </a> </div> </div> </div> </div> <div class="blog-footer-bottom" style="margin-top:10px;"></div> <script src="/https://g.csdnimg.cn/common/csdn-footer/csdn-footer.js" data-isfootertrack="false" type="text/javascript"></script> <script type="text/javascript"> window.csdn.csdnFooter.options = { el: '.blog-footer-bottom', type: 2 } </script> </main> <aside class="blog_container_aside"> <div id="asideProfile" class="aside-box active"> <div class="profile-intro d-flex"> <div class="avatar-box d-flex justify-content-center flex-column"> <a href="/https://blog.csdn.net/aev57372" target="_blank" data-report-click='{"mod":"popu_379","spm":"3001.4121","dest":"https://blog.csdn.net/aev57372","ab":"new"}'> <img src="/https://profile-avatar.csdnimg.cn/default.jpg!1" class="avatar_pic"> </a> </div> <div class="user-info d-flex flex-column profile-intro-name-box"> <div class="profile-intro-name-boxTop"> <a href="/https://blog.csdn.net/aev57372" target="_blank" class="" id="uid" title="aev57372" data-report-click='{"mod":"popu_379","spm":"3001.4122","dest":"https://blog.csdn.net/aev57372","ab":"new"}'> <span class="name" username="aev57372">aev57372</span> </a> </div> <div class="profile-intro-name-boxFooter-new"> <p class="profile-intro-name-leve"> <span> 博客等级 </span> <img class="level" src="/https://csdnimg.cn/identity/blog1.png"> </p> <span class="profile-intro-name-years" title="已加入 CSDN 12年">码龄12年</span> </div> </div> </div> <div class="profile-intro-rank-information"> <dl> <a href="/https://blog.csdn.net/aev57372" data-report-click='{"mod":"1598321000_001","spm":"3001.4310"}' data-report-query="t=1"> <dd><span >0</span></dd> <dt>原创</dt> </a> </dl> <dl title="0"> <dd>0</dd> <dt>点赞</dt> </dl> <dl title="5"> <dd>5</dd> <dt>收藏</dt> </dl> <dl id="fanBox" title="1"> <dd><span id="fan">1</span></dd> <dt>粉丝</dt> </dl> </div> <div class="profile-intro-name-boxOpration"> <div class="opt-letter-watch-box"> <a class="personal-watch bt-button" id="btnAttent" >关注</a> </div> <div class="opt-letter-watch-box"> <a rel="nofollow" class="bt-button personal-letter" href="/https://im.csdn.net/chat/aev57372" target="_blank" rel="noopener">私信</a> </div> </div> </div> <div class="box-shadow mb8" data-pid="blog" > <div class="aside-content text-center" id="cpro_u2734133"> <div id="kp_box_56" data-pid="56"><div class="wwads-cn wwads-vertical" data-id="149" style="max-width:300px;margin-top:0;margin-bottom:10px;background-color: #fff;"></div> <style>.wwads-img img {width: 150px; margin-top:10px}</style> <script type="text/javascript" charset="UTF-8" src="/https://cdn.wwads.cn/js/makemoney.js" async></script><img class="pre-img-lasy" data-src="/https://kunyu.csdn.net/1.png?p=56&adId=1100446&adBlockFlag=0&a=1100446&c=0&k=Html笔记九头标签&spm=1001.2101.3001.5000&articleId=101394104&d=1&t=3&u=1bcb113645a14d6eb585af25b7b0016e" style="display: block;width: 0px;height: 0px;"></div> </div> </div> <div id="his-selection" class="aside-box"> <h3 class="aside-title">TA的精选</h3> <div class="aside-content"> <ul class="his-selection-box"> <li class="his-selection-item"> <a class="title" target="_blank" href="/https://blog.csdn.net/aev57372/article/details/101394159" data-report-click='{"spm":"3001.4139","dest":"https://blog.csdn.net/aev57372/article/details/101394159","ab":"new"}' data-report-view='{"spm":"3001.4139","dest":"https://blog.csdn.net/aev57372/article/details/101394159","ab":"new"}' > <span class="tag">新</span> <span class="text">在这个年纪,打DOTA冲分有那么可笑么?</span> </a> <p class="read-count"> 175 阅读 </p> </li> <li class="his-selection-item"> <a class="title" target="_blank" href="/https://blog.csdn.net/aev57372/article/details/101394160" data-report-click='{"spm":"3001.4139","dest":"https://blog.csdn.net/aev57372/article/details/101394160","ab":"new"}' data-report-view='{"spm":"3001.4139","dest":"https://blog.csdn.net/aev57372/article/details/101394160","ab":"new"}' > <span class="tag">新</span> <span class="text">res/raw和assets的 区别</span> </a> <p class="read-count"> 210 阅读 </p> </li> <li class="his-selection-item"> <a class="title" target="_blank" href="/https://blog.csdn.net/aev57372/article/details/101394152" data-report-click='{"spm":"3001.4139","dest":"https://blog.csdn.net/aev57372/article/details/101394152","ab":"new"}' data-report-view='{"spm":"3001.4139","dest":"https://blog.csdn.net/aev57372/article/details/101394152","ab":"new"}' > <span class="tag active">热</span> <span class="text">模拟交通灯管理系统逻辑设计</span> </a> <p class="read-count"> 489 阅读 </p> </li> <li class="his-selection-item"> <a class="title" target="_blank" href="/https://blog.csdn.net/aev57372/article/details/101394112" data-report-click='{"spm":"3001.4139","dest":"https://blog.csdn.net/aev57372/article/details/101394112","ab":"new"}' data-report-view='{"spm":"3001.4139","dest":"https://blog.csdn.net/aev57372/article/details/101394112","ab":"new"}' > <span class="tag active">热</span> <span class="text">Java笔记(五)……运算符</span> </a> <p class="read-count"> 299 阅读 </p> </li> <li class="his-selection-item"> <a class="title" target="_blank" href="/https://blog.csdn.net/aev57372/article/details/101394153" data-report-click='{"spm":"3001.4139","dest":"https://blog.csdn.net/aev57372/article/details/101394153","ab":"new"}' data-report-view='{"spm":"3001.4139","dest":"https://blog.csdn.net/aev57372/article/details/101394153","ab":"new"}' > <span class="tag active">热</span> <span class="text">JDK1.5新特性(三)……Varargs</span> </a> <p class="read-count"> 278 阅读 </p> </li> </ul> <p class="his-selection-move"> <a class="more" data-report-view='{"spm":"3001.10751","dest":"https://blog.csdn.net/aev57372?type=blog"}' data-report-click='{"spm":"3001.10751","dest":"https://blog.csdn.net/aev57372?type=blog"}' href="/https://blog.csdn.net/aev57372?type=blog" target="_blank">查看更多 <img src="/https://csdnimg.cn/release/blogv2/dist/pc/img/commentArrowRightWhite.png" alt=""></a> </p> </div> </div> <div id="asideHotArticle" class="aside-box"> <h3 class="aside-title">大家在看</h3> <div class="aside-content"> <ul class="hotArticle-list"> <li> <a href="/https://blog.csdn.net/weixin_47431459/article/details/163396716" target="_blank" data-report-click='{"spm":"3001.10093","dest":"https://blog.csdn.net/weixin_47431459/article/details/163396716","strategy":"202_1052723-4464308_RCMD","ab":"new"}' data-report-view='{"spm":"3001.10093","dest":"https://blog.csdn.net/weixin_47431459/article/details/163396716","strategy":"202_1052723-4464308_RCMD","ab":"new"}'> 抖助手第102个开关:隐藏弹幕按钮的位置、验证方法与弹幕交互边界 <img src="/https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">1</span> </a> </li> <li> <a href="/https://blog.csdn.net/Zguigo/article/details/163912983" target="_blank" data-report-click='{"spm":"3001.10093","dest":"https://blog.csdn.net/Zguigo/article/details/163912983","strategy":"202_1052723-4464287_RCMD","ab":"new"}' data-report-view='{"spm":"3001.10093","dest":"https://blog.csdn.net/Zguigo/article/details/163912983","strategy":"202_1052723-4464287_RCMD","ab":"new"}'> 正则表达式(Regex)从入门到实战:程序员必备的文本处理利器 <img src="/https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">154</span> </a> </li> <li> <a href="/https://blog.csdn.net/panzhengxiang/article/details/163960435" target="_blank" data-report-click='{"spm":"3001.10093","dest":"https://blog.csdn.net/panzhengxiang/article/details/163960435","strategy":"202_1052723-4464319_RCMD","ab":"new"}' data-report-view='{"spm":"3001.10093","dest":"https://blog.csdn.net/panzhengxiang/article/details/163960435","strategy":"202_1052723-4464319_RCMD","ab":"new"}'> k8s进阶_健康探针LivenessProbe <img src="/https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">227</span> </a> </li> <li> <a href="/https://blog.csdn.net/yunshouokj/article/details/164000044" target="_blank" data-report-click='{"spm":"3001.10093","dest":"https://blog.csdn.net/yunshouokj/article/details/164000044","strategy":"202_1052723-4464241_RCMD","ab":"new"}' data-report-view='{"spm":"3001.10093","dest":"https://blog.csdn.net/yunshouokj/article/details/164000044","strategy":"202_1052723-4464241_RCMD","ab":"new"}'> 智能工厂趋势下,喷码机如何接入 MES/ERP 系统? </a> </li> <li> <a href="/https://blog.csdn.net/Chaorewq/article/details/163968751" target="_blank" data-report-click='{"spm":"3001.10093","dest":"https://blog.csdn.net/Chaorewq/article/details/163968751","strategy":"202_1052723-4464286_RCMD","ab":"new"}' data-report-view='{"spm":"3001.10093","dest":"https://blog.csdn.net/Chaorewq/article/details/163968751","strategy":"202_1052723-4464286_RCMD","ab":"new"}'> YAML 与 JSON 配置文件详解:从基础语法到 AI Agent 与 ECU 测试工具配置 <img src="/https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">4</span> </a> </li> </ul> </div> </div> <div id="asideArchiveNew" class="aside-box"> <h3 class="aside-title">TA的历史创作历程</h3> <div class="aside-content"> <div class="archive-box"> <div class="archive-list-item-container"> <div class="swiper-btn swiper-prev"> <svg class="icon-swiper-btn" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M10.3535 2.35352L4.70703 8L10.3535 13.6465L9.64648 14.3535L3.29297 8L9.64648 1.64648L10.3535 2.35352Z" fill="currentColor"/> </svg> </div> <div class="swiper"> <div class="swiper-wrapper"> <div class="swiper-slide archive-list-item"><a href="/https://blog.csdn.net/aev57372?type=blog&year=2014&month=06" target="_blank" data-report-click='{"mod":"popu_538","spm":"3001.4138","ab":"new","dest":"https://blog.csdn.net/aev57372?type=blog&year=2014&month=06"}'><span class="year"> 2014年</span><span class="num"> 10篇</span></a></div> <div class="swiper-slide archive-list-item"><a href="/https://blog.csdn.net/aev57372?type=blog&year=2013&month=12" target="_blank" data-report-click='{"mod":"popu_538","spm":"3001.4138","ab":"new","dest":"https://blog.csdn.net/aev57372?type=blog&year=2013&month=12"}'><span class="year"> 2013年</span><span class="num"> 56篇</span></a></div> </div> </div> <div class="swiper-btn swiper-next"> <svg class="icon-swiper-btn" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M5.64649 2.35352L11.293 8L5.64648 13.6465L6.35352 14.3535L12.707 8L6.35352 1.64649L5.64649 2.35352Z" fill="currentColor"/> </svg> </div> </div> </div> </div> </div> <div class="article-previous" id="article-previous"> <dl data-report-click='{"spm":"3001.10752","extend1":"上一篇"}' data-report-view='{"spm":"3001.10752","extend1":"上一篇"}'> <dt> 上一篇: </dt> <dd> <a href="/https://blog.csdn.net/aev57372/article/details/101394120" data-report-query="spm=3001.10752"> Html笔记(八)其他标签 </a> </dd> </dl> <dl class="next" data-report-click='{"spm":"3001.10796","extend1":"下一篇"}' data-report-view='{"spm":"3001.10796","extend1":"下一篇"}'> <dt> 下一篇: </dt> <dd > <a href="/https://blog.csdn.net/aev57372/article/details/101394122" data-report-query="spm=3001.10796"> Html笔记(十)XHTML XML </a> </dd> </dl> </div> <div id="footerRightAds" class="isShowFooterAds"> <div class="aside-box"> <div id="kp_box_57" data-pid="57"><iframe src="/https://kunpeng-sc.csdnimg.cn/?timestamp=1645783940/#/preview/3510108?positionId=57&adBlockFlag=0&adId=1100474&queryWord=Html笔记九头标签&spm=1001.2101.3001.5001&articleId=101394104" frameborder="0" width= "300px" height= "600px" scrolling="no" ></iframe><img class="pre-img-lasy" data-src="/https://kunyu.csdn.net/1.png?p=57&adBlockFlag=0&adId=1100474&a=1100474&c=3510108&k=Html笔记九头标签&spm=1001.2101.3001.5001&articleId=101394104&d=1&t=3&u=fc747b757b7146eeae1e3bca56ec3b44" style="display: block;width: 0px;height: 0px;"><script src="/https://kunpeng-render.csdnimg.cn/publisher/latest/closeAdFrame.js"></script></div> </div> </div> <!-- 详情页显示目录 --> <div class="aside-box cknows-side-card js-aside-cknows"> <div class="cknows-side-header"> <div class="cknows-side-header-row"> <div class="cknows-side-logo-wrap"> <img class="cknows-side-logo" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/c-blog-slidelogo-White.png" alt="C知道"> </div> <p class="cknows-side-brand">· AI 阅读助手</p> </div> </div> <div class="swiper cknows-side-swiper"> <div class="swiper-wrapper cknows-swiper-wrapper"></div> <div class="cknows-side-pagination swiper-pagination"></div> </div> </div> <!--文章目录--> <div id="asidedirectory" class="aside-box"> <div class='groupfile groupfile-active' id="directory"> <h3 class="aside-title">目录</h3> <div class="align-items-stretch group_item" id="align-items-stretch"> <div class="pos-box"> <div class="scroll-box"> <div class="toc-box"></div> </div> </div> </div> <p class="flexible-btn-new" id="flexible-btn-groupfile" data-report-click='{"spm":"3001.10780","strategy":"展开全部"}' data-minheight="117px" data-maxheight="446px" data-fbox="#align-items-stretch"><span class="text">展开全部</span> <img class="look-more" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/arrowup-line-bot-White.png" alt=""></p> <p class="flexible-btn-new-close close" data-report-click='{"spm":"3001.10780","strategy":"收起"}' data-minheight="117px" data-maxheight="446px" data-fbox="#align-items-stretch"><span class="text">收起</span> <img class="look-more" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/arrowup-line-top-White.png" alt=""></p> </div> </div> <div class="gitcode-qc-left-box aside-box" data-report-click='{"spm":"3001.11256", "extra":"{\"position\":\"left\"}"}'></div> </aside> <script> $("a.flexible-btn").click(function(){ $(this).parents('div.aside-box').removeClass('flexible-box'); $(this).parents("p.text-center").remove(); }) </script> <script type="text/javascript" src="/https://g.csdnimg.cn/user-tooltip/2.7/user-tooltip.js"></script> <script type="text/javascript" src="/https://g.csdnimg.cn/user-medal/2.0.0/user-medal.js"></script> </div> <div class="recommend-right align-items-stretch clearfix article-component-material-third-column" id="rightAside" data-type="recommend"> <aside class="recommend-right_aside"> <div class="rightside-fixed-hide"> <div class="programmer1Box"> <div id="kp_box_530" data-pid="530"><iframe src="/https://kunpeng-sc.csdnimg.cn/?timestamp=1645783940/#/preview/4447730?positionId=530&adBlockFlag=0&adId=1109712&queryWord=Html笔记九头标签&spm=1001.2101.3001.4647&articleId=101394104" frameborder="0" width= "300px" height= "600px" scrolling="no" ></iframe><img class="pre-img-lasy" data-src="/https://kunyu.csdn.net/1.png?p=530&adBlockFlag=0&adId=1109712&a=1109712&c=4447730&k=Html笔记九头标签&spm=1001.2101.3001.4647&articleId=101394104&d=1&t=3&u=ba8a449281374df2925c5d43154d90ee" style="display: block;width: 0px;height: 0px;"><script src="/https://kunpeng-render.csdnimg.cn/publisher/latest/closeAdFrame.js"></script></div> </div> </div> <div id="recommend-right" > <div class="aside-box cknows-side-card js-aside-cknows"> <div class="cknows-side-header"> <div class="cknows-side-header-row"> <div class="cknows-side-logo-wrap"> <img class="cknows-side-logo" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/c-blog-slidelogo-White.png" alt="C知道"> </div> <p class="cknows-side-brand">· AI 阅读助手</p> </div> </div> <div class="swiper cknows-side-swiper"> <div class="swiper-wrapper cknows-swiper-wrapper"></div> <div class="cknows-side-pagination swiper-pagination"></div> </div> </div> <div class='flex-column aside-box groupfile groupfile-active ' id="groupfile"> <div class="groupfile-div"> <h3 class="aside-title">目录</h3> <div class="align-items-stretch group_item" id="align-items-stretch-right"> <div class="pos-box"> <div class="scroll-box"> <div class="toc-box"></div> </div> </div> </div> <p class="flexible-btn-new" id="flexible-btn-groupfile" data-report-click='{"spm":"3001.10782","strategy":"展开全部"}' data-traigger="true" data-minheight="117px" data-maxheight="446px" data-fbox="#align-items-stretch-right"><span class="text">展开全部</span> <img class="look-more" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/arrowup-line-bot-White.png" alt=""></p> <p class="flexible-btn-new-close close" data-report-click='{"spm":"3001.10782","strategy":"收起"}' data-traigger="true" data-minheight="117px" data-maxheight="446px" data-fbox="#align-items-stretch-right"><span class="text">收起</span> <img class="look-more" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/arrowup-line-top-White.png" alt=""></p> </div> </div> <div class="gitcode-qc-right-box aside-box" data-report-click='{"spm":"3001.11256", "extra":"{\"position\":\"right\"}"}'></div> <div id="recommendAdBox"> <div id="kp_box_479" data-pid="479"><div class="wwads-cn wwads-vertical" data-id="149" style="max-width:300px;margin-top:10px;background-color: #fff;"></div> <style>.wwads-img img {width: 150px; margin-top:10px}</style><img class="pre-img-lasy" data-src="/https://kunyu.csdn.net/1.png?p=479&adId=1100447&adBlockFlag=0&a=1100447&c=0&k=Html笔记九头标签&spm=1001.2101.3001.4834&articleId=101394104&d=1&t=3&u=f59a87ce79c848d5a64f90d3c9dd9304" style="display: block;width: 0px;height: 0px;"></div> </div> <div class="article-previous" id="article"> <dl data-report-click='{"spm":"3001.10752","extend1":"上一篇"}' data-report-view='{"spm":"3001.10752","extend1":"上一篇"}'> <dt> 上一篇: </dt> <dd> <a href="/https://blog.csdn.net/aev57372/article/details/101394120" data-report-query="spm=3001.10752"> Html笔记(八)其他标签 </a> </dd> </dl> <dl class="next" data-report-click='{"spm":"3001.10796","extend1":"下一篇"}' data-report-view='{"spm":"3001.10796","extend1":"下一篇"}'> <dt> 下一篇: </dt> <dd > <a href="/https://blog.csdn.net/aev57372/article/details/101394122" data-report-query="spm=3001.10796"> Html笔记(十)XHTML XML </a> </dd> </dl> </div> </div> </aside> </div> <div class="recommend-right1 align-items-stretch clearfix" id="rightAsideConcision" data-type="recommend"> <aside class="recommend-right_aside"> <div id="recommend-right-concision" > <div class='flex-column aside-box groupfile' id="groupfileConcision"> <div class="groupfile-div1"> <h3 class="aside-title">目录</h3> <div class="align-items-stretch group_item"> <div class="pos-box"> <div class="scroll-box"> <div class="toc-box"></div> </div> </div> </div> </div> </div> </div> </aside> </div> </div> <div class="mask-dark"></div> <script type="text/javascript"> var timert = setInterval(function() { sideToolbar = $(".csdn-side-toolbar"); if (sideToolbar.length > 0) { sideToolbar.css('cssText', 'bottom:64px !important;') clearInterval(timert); } }, 200); </script> <div class="skin-boxshadow"></div> <div class="directory-boxshadow"></div> <div class="comment-side-box-shadow comment-side-tit-close" id="commentSideBoxshadow"> <div class="comment-side-content"> <div class="comment-side-tit"> <span class="comment-side-tit-count">评论</span> <img class="comment-side-tit-close" src="/https://csdnimg.cn/release/blogv2/dist/pc/img/closeBt.png"></div> <div id="pcCommentSideBox" class="comment-box comment-box-new2 unlogin-comment-box-new" style="display:none"> </div> <div id="pcFlodCommentSideBox" class="pc-flodcomment-sidebox"> <div class="comment-fold-tit"><span id="lookUnFlodComment" class="back"><img src="/https://csdnimg.cn/release/blogv2/dist/pc/img/commentArrowLeftWhite.png" alt=""></span>被折叠的 <span class="count"></span> 条评论 <a href="/https://blogdev.blog.csdn.net/article/details/122245662" class="tip" target="_blank">为什么被折叠?</a> <a href="/https://bbs.csdn.net/forums/FreeZone" class="park" target="_blank"> <img src="/https://csdnimg.cn/release/blogv2/dist/pc/img/iconPark.png">到【灌水乐园】发言</a> </div> <div class="comment-fold-content"></div> <div id="lookBadComment" class="look-bad-comment side-look-comment"> <a class="look-more-comment">查看更多评论<img src="/https://csdnimg.cn/release/blogv2/dist/pc/img/commentArrowDownWhite.png" alt=""></a> </div> </div> </div> <div class="comment-rewarddialog-box"> <div class="form-box"> <div class="title-box"> 添加红包 <a class="btn-form-close"></a> </div> <form id="commentRewardForm"> <div class="ipt-box"> <label for="txtName">祝福语</label> <div class="ipt-btn-box"> <input type="text" name="name" id="txtName" autocomplete="off" maxlength="50"> <a class="btn-ipt btn-random"></a> </div> <p class="notice">请填写红包祝福语或标题</p> </div> <div class="ipt-box"> <label for="txtSendAmount">红包数量</label> <div class="ipt-txt-box"> <input type="text" name="sendAmount" maxlength="4" id="txtSendAmount" placeholder="请填写红包数量(最小10个)" autocomplete="off"> <span class="after-txt">个</span> </div> <p class="notice">红包个数最小为10个</p> </div> <div class="ipt-box"> <label for="txtMoney">红包总金额</label> <div class="ipt-txt-box error"> <input type="text" name="money" maxlength="5" id="txtMoney" placeholder="请填写总金额(最低5元)" autocomplete="off"> <span class="after-txt">元</span> </div> <p class="notice">红包金额最低5元</p> </div> <div class="balance-info-box"> <label>余额支付</label> <div class="balance-info"> 当前余额<span class="balance">3.43</span>元 <a href="/https://i.csdn.net/#/wallet/balance/recharge" class="link-charge" target="_blank">前往充值 ></a> </div> </div> <div class="opt-box"> <div class="pay-info"> 需支付:<span class="price">10.00</span>元 </div> <button type="button" class="ml-auto btn-cancel">取消</button> <button type="button" class="ml8 btn-submit" disabled="true">确定</button> </div> </form> </div> </div> <div class="rr-guide-box"> <div class="rr-first-box"> <img src="/https://csdnimg.cn/release/blogv2/dist/pc/img/guideRedReward02.png" alt=""> <button class="btn-guide-known next">下一步</button> </div> <div class="rr-second-box"> <img src="/https://csdnimg.cn/release/blogv2/dist/pc/img/guideRedReward03.png" alt=""> <button class="btn-guide-known known">知道了</button> </div> </div> </div> <div class="redEnvolope" id="redEnvolope"> <div class="env-box"> <div class="env-container"> <div class="pre-open" id="preOpen"> <div class="top"> <header> <img class="clearTpaErr" :src="redpacketAuthor.avatar" alt="" /> <div class="author">成就一亿技术人!</div> </header> <div class="bot-icon"></div> </div> <footer> <div class="red-openbtn open-start"></div> <div class="tip"> 领取后你会自动成为博主和红包主的粉丝 <a class="rule" target="_blank">规则</a> </div> </footer> </div> <div class="opened" id="opened"> <div class="bot-icon"> <header> <a class="creatorUrl" href="" target="_blank"> <img class="clearTpaErr" src="/https://profile-avatar.csdnimg.cn/default.jpg!2" alt="" /> </a> <div class="author"> <div class="tt">hope_wisdom</div> 发出的红包 </div> </header> </div> <div class="receive-box"> <header></header> <div class="receive-list"> </div> </div> </div> </div> <div class="close-btn"></div> </div> </div> <div class="pay-code"> <div class="pay-money">实付<span class="pay-money-span" data-nowprice='' data-oldprice=''>元</span></div> <div class="content-blance"><a class="blance-bt" href="javascript:;">使用余额支付</a></div> <div class="content-code"> <div id="payCode" data-id=""> <div class="renovate"> <img src="/https://csdnimg.cn/release/blogv2/dist/pc/img/pay-time-out.png"> <span>点击重新获取</span> </div> </div> <div class="pay-style"><span><img src="/https://csdnimg.cn/release/blogv2/dist/pc/img/weixin.png"></span><span><img src="/https://csdnimg.cn/release/blogv2/dist/pc/img/zhifubao.png"></span><span><img src="/https://csdnimg.cn/release/blogv2/dist/pc/img/jingdong.png"></span><span class="text">扫码支付</span></div> </div> <div class="bt-close"> <svg t="1567152543821" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10924" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="12"> <defs> <style type="text/css"></style> </defs> <path d="M512 438.378667L806.506667 143.893333a52.032 52.032 0 1 1 73.6 73.621334L585.621333 512l294.485334 294.485333a52.074667 52.074667 0 0 1-73.6 73.642667L512 585.621333 217.514667 880.128a52.053333 52.053333 0 1 1-73.621334-73.642667L438.378667 512 143.893333 217.514667a52.053333 52.053333 0 1 1 73.621334-73.621334L512 438.378667z" fill="" p-id="10925"></path> </svg> </div> <div class="pay-balance"> <input type="radio" class="pay-code-radio" data-type="details"> <span class="span">钱包余额</span> <span class="balance" style="color:#FC5531;font-size:14px;">0</span> <div class="pay-code-tile"> <img src="/https://csdnimg.cn/release/blogv2/dist/pc/img/pay-help.png" alt=""> <div class="pay-code-content"> <div class="span"> <p class="title">抵扣说明:</p> <p> 1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。<br> 2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。</p> </div> </div> </div> </div> <a class="pay-balance-con" href="/https://i.csdn.net/#/wallet/balance/recharge" target="_blank"><img src="/https://csdnimg.cn/release/blogv2/dist/pc/img/recharge.png" alt=""><span>余额充值</span></a> </div> <div style="display:none;"> <img src="" onerror='setTimeout(function(){if(!/(csdn.net|iteye.com|baiducontent.com|googleusercontent.com|360webcache.com|sogoucdn.com|bingj.com|baidu.com)$/.test(window.location.hostname)){window.location.href="\x68\x74\x74\x70\x73\x3a\x2f\x2f\x77\x77\x77\x2e\x63\x73\x64\x6e\x2e\x6e\x65\x74"}},3000);'> </div> <div class="keyword-dec-box" id="keywordDecBox"></div> </body> <!-- 富文本柱状图 --> <link rel="stylesheet" href="/https://csdnimg.cn/release/blog_editor_html/release1.6.12/ckeditor/plugins/chart/chart.css" /> <script type="text/javascript" src="/https://csdnimg.cn/release/blog_editor_html/release1.6.12/ckeditor/plugins/chart/lib/chart.min.js"></script> <script type="text/javascript" src="/https://csdnimg.cn/release/blog_editor_html/release1.6.12/ckeditor/plugins/chart/widget2chart.js"></script> <script src="/https://csdnimg.cn/release/blogv2/dist/components/js/axios-83fa28cedf.min.js" type="text/javascript"></script> <script src="/https://csdnimg.cn/release/blogv2/dist/components/js/pc_wap_highlight-8defd55d6e.min.js" type="text/javascript"></script> <script src="/https://csdnimg.cn/release/blogv2/dist/components/js/pc_wap_common-3c7b273c43.min.js" type="text/javascript"></script> <script src="/https://csdnimg.cn/release/blogv2/dist/components/js/edit_copy_code-43c2d050a0.min.js" type="text/javascript"></script> <script src="/https://g.csdnimg.cn/lib/cboxEditor/1.1.6/embed-editor.min.js" type="text/javascript"></script> <link rel="stylesheet" href="/https://g.csdnimg.cn/lib/cboxEditor/1.1.6/embed-editor.min.css"> <link rel="stylesheet" href="/https://csdnimg.cn/release/blog_editor_html/release1.6.12/ckeditor/plugins/codesnippet/lib/highlight/styles/atom-one-dark.css"> <script src="/https://g.csdnimg.cn/user-accusation/1.0.6/user-accusation.js" type="text/javascript"></script> <script> // 全局声明 if (window.csdn === undefined) { window.csdn = {}; } var sideToolbarOpt = {} $(function() { $(document).on('click', "#toolReportBtnHideNormal,#toolReportBtnHide", function() { window.csdn.loginBox.key({ biz: 'blog', subBiz: 'other_service', cb: function() { window.csdn.feedback({ "type": 'blog', "rtype": 'article', "rid": articleId, "reportedName": username, "submitOptions": { "title": articleTitle, "contentUrl": articleDetailUrl }, "callback": function() { showToast({ text: "感谢您的举报,我们会尽快审核!", bottom: '10%', zindex: 9000, speed: 500, time: 1500 }) } }) } }) }); }) window.csdn.sideToolbar = { options: { ...sideToolbarOpt, theme: 'white', } } </script> <script src="/https://g.csdnimg.cn/baidu-search/1.0.12/baidu-search.js" type="text/javascript"></script> <script src="/https://csdnimg.cn/release/download/old_static/js/qrcode.js"></script> <script src="/https://g.csdnimg.cn/lib/qrcode/1.0.0/qrcode.min.js"></script> <script src="/https://g.csdnimg.cn/user-ordercart/3.0.1/user-ordercart.js" type="text/javascript"></script> <script src="/https://g.csdnimg.cn/user-ordertip/5.0.3/user-ordertip.js" type="text/javascript"></script> <script src="/https://g.csdnimg.cn/order-payment/4.0.5/order-payment.js" type="text/javascript"></script> <script src="/https://g.csdnimg.cn/order-payment/3.1.1-download-e-isolated/order-payment.js" type="text/javascript"></script> <script src="/https://csdnimg.cn/release/blogv2/dist/pc/js/common-48ed13f265.min.js" type="text/javascript"></script> <script src="/https://csdnimg.cn/release/blogv2/dist/pc/js/detail-7bc6425a77.min.js" type="text/javascript"></script> <script src="/https://csdnimg.cn/release/blogv2/dist/pc/js/column-efcae2ca36.min.js" type="text/javascript"></script> <script src="/https://g.csdnimg.cn/side-toolbar/3.6/side-toolbar.js" type="text/javascript"></script> <script src="/https://g.csdnimg.cn/copyright/1.0.4/copyright.js" type="text/javascript"></script> <script> $(".MathJax").remove(); if ($('div.markdown_views pre.prettyprint code.hljs').length > 0) { $('div.markdown_views')[0].className = 'markdown_views'; } </script> <script type="text/x-mathjax-config"> MathJax.Hub.Config({ tex2jax: { inlineMath: [['$', '$'], ['\\(', '\\)']], displayMath: [['$$', '$$'], ['\\[', '\\]']], processEscapes: true, processClass: "mathjax", ignoreClass: "title-article|no-mathjax", preview: "none" }, // 优先使用 HTML-CSS 而非 NativeMML "HTML-CSS": { preferredFont: "STIX", // 使用 STIX 字体 availableFonts: ["STIX", "TeX"], webFont: "STIX-Web", scale: 100, // 放大 20% minScaleAdjust: 100, linebreaks: { automatic: true, width: "90% container" }, matchFontHeight: true, styles: { ".MathJax": { "font-weight": "500 !important" // 加粗 } } }, // 禁用 NativeMML(浏览器原生渲染质量不好) NativeMML: { scale: 100 }, // 设置优先级:HTML-CSS > SVG > NativeMML menuSettings: { renderer: "HTML-CSS" }, messageStyle: "none" }); MathJax.Hub.Queue(["Typeset", MathJax.Hub]); </script> <script src="/https://g.csdnimg.cn/static/mathjax-2.7.9/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> <script type="text/javascript" crossorigin src="/https://g.csdnimg.cn/common/csdn-login-box/csdn-login-box.js"></script></html>