零基础学习WEB前端之HTML-10（头部head）接上回，我们讲了HTML的链接这节我们来学习HTML的头部HTML
元素 元素包含了所有的头部标签元素。在 元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。可以添加在头部区域的元素标签为:
, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。HTML <title> 元素<title> 标签定义了不同文档的标题。<title> 在 HTML/XHTML 文档中是必须的。<title> 元素:·定义了浏览器工具栏的标题·当网页添加到收藏夹时，显示在收藏夹中的标题·显示在搜索引擎结果页面的标题HTML <base> 元素<base> 标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接:HTML <link> 元素<link> 标签定义了文档与外部资源之间的关系。<link> 标签通常用于链接到样式表:HTML <style> 元素<style> 标签定义了HTML文档的样式文件引用地址.在<style> 元素中你也可以直接添加样式来渲染 HTML 文档:HTML <meta> 元素meta标签描述了一些基本的元数据。<meta> 标签提供了元数据.元数据也不显示在页面上，但会被浏览器解析。META 元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。<meta> 一般放置于 <head> 区域<meta> 标签- 使用实例为搜索引擎定义关键词:<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">为网页定义描述内容:<meta name="description" content="免费 Web & 编程 教程">定义网页作者:<meta name="author" content="Runoob">每30秒钟刷新当前页面:<meta http-equiv="refresh" content="30">HTML <script> 元素<script>标签用于加载脚本文件，如： JavaScript。<script> 元素在以后的章节中会详细描述</p><p><img src="https://d.ktwap.net/upload/tid/72810/beb6325b2bdb0a1b96c86343c9b249c5..jpg" alt=""></p>
</div>
<div class="zz_readall_box pbw cl">
<div class="zz_read_more_mask"></div>
<a href="javascript:;" class="zz_read_more_btn">阅读全文</a>
</div>
<div id="comment_1613151" class="cm"></div>
<div id="post_rate_div_1613151"></div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="works-show-share cl">
<div class="works-show-share-top">
<div class="wp cl" style="position: relative;">
<div class="share z">
<span>分享：</span>
<div class="bdsharebuttonbox">
<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
<a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
</div>
<script>
window._bd_share_config = {
"common": {
"bdSnsKey": {},
"bdText": "",
"bdMini": "2",
"bdMiniList": false,
"bdPic": "",
"bdStyle": "0",
"bdSize": "32"
},
"share": {}
};
with(document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src =
'/View/xr_fresh_pc/bdshare/js/share.js?v=1&cdnversion=' + ~(-new Date() / 36e5)
];
</script>
</div>
<div class="zhanzhuai_dzan">
<a href="javascript:fresh_tp('thread1',72810);" style="display: block;position: relative;padding-top: 5px;">
<span class="bg-zan"></span>
<i id="recommendv_add">0</i>
</a>
</div>
<div class="coll-rep y">
<a class="icon-article-jb" href="javascript:;"
style="margin-right: 0;">
<i class="zhanzhuai-icons"></i>举报
</a>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="ad">
<td class="plc">
</td>
</tr>
</table>
</div>
</div>
</div>
<div id="post_list"></div>
<div class="zhanzhuai_noreplythread">
<span></span>
<p>成为第一个回答人</p>
</div>
<div id="postlistreply" class="pl comment-list">
<div id="post_new" class="viewthread_table" style="display: none"></div>
</div>
<div class="pgs cl" style="margin: 15px 0;"></div>
<div id="f_pst" class="zhanzhuai_postbox pl box cl" style=" position: relative;">
<div class="cl" id="thread_post_edit">
<div class="hasfsl" id="fastposteditor">
<div class="tedt " style=" border: 0">
<div class="bar" style=" background: #fff; border-bottom: 0;padding: 0;">
<span class="z">
<h1 style=" font-size: 16px;">评论</h1>
</span>
</div>
<style>
hide{
padding: 5px 0 5px 10px;
margin: 15px 0 13px;
background: #f1f1f1;
display: block;
border: solid 2px #ababab;
border-style: dashed;
color:#b52020;
text-align: center;}
</style>
<a href="https://ktwap.net/user/login.html" target="_blank">登录</a>后才可发表内容
<script>var fresh_thread_data = {tid: '72810',uid: "189600",user: '夜凉城听雨',fid: '5',avatar: '{#WWW}public/images/user.gif'};$(()=>{fresh.page.thread._no()});</script>
</div>
</div>
</div>
</div>
</div>
<div id="zhanzhuai_sidebar" class="zhanzhuai_view_sd">
<div class="viewthread_author box cl">
<img class="author-icon" src="/View/xr_fresh_pc/image/zz_jb.png" alt="" style="position: absolute;left: -5px;top: -5px;">
<sup></sup>
<div class="zhanzhuai_viewthread_user_c">
<div class="zhanzhuai_viewthread_user cl">
<div class="viewthread_author_avatar cl">
<a href="https://ktwap.net/u/夜凉城听雨.html" target="_blank">
<img src="https://ktwap.net/public/images/user.gif" />
</a>
</div>
<div class="viewthread_author_info cl">
<a href="https://ktwap.net/u/夜凉城听雨.html" target="_blank">夜凉城听雨</a>
</div>
</div>
<div class="viewthread_author_mun cl">
<ul class="cl">
<li>
<p class="inst">主题</p>
<p class="number">18</p>
</li>
<li>
<p class="inst">帖子</p>
<p class="number">38</p>
</li>
<li style="border-right: 0;">
<p class="inst">关注者</p>
<p class="number">0</p>
</li>
</ul>
</div>
</div>
</div>
<div class="viewthread_author_threads zz-rfixed box cl">
<div class="zz-side-tit cl"><em></em>TA的新帖</div>
<ul>
<li>
<a href="https://ktwap.net/thread/68887.html">零基础学习web前端之html最后一节（表单和输入）</a>
<p>2022-10-9</p>
</li>
<li>
<a href="https://ktwap.net/thread/69333.html">零基础学习web前端之html 16（布局）</a>
<p>2022-10-9</p>
</li>
<li>
<a href="https://ktwap.net/thread/72650.html">零基础学习WEB前端之HTML-15（区块）</a>
<p>2022-8-18</p>
</li>
<li>
<a href="https://ktwap.net/thread/72654.html">零基础学习WEB前端之HTML-14（列表）</a>
<p>2022-8-18</p>
</li>
<li>
<a href="https://ktwap.net/thread/72689.html">【告示】不出意外明天更新</a>
<p>2022-8-17</p>
</li>
</ul>
</div>
<div class="zhanzhuai_vpic zz_related_fixd cl"></div>
<script type="text/javascript">
var zz_related = jQuery(".zz_related_fixd").offset().top;
var zz_relatedtop = 0;
jQuery(window).scroll(function() {
zz_relatedtop = jQuery(this).scrollTop();
if (zz_relatedtop >= zz_related) {
jQuery(".zz-rfixed").addClass("lists-top-fixed");
} else {
jQuery(".zz-rfixed").removeClass("lists-top-fixed");
}
});
</script>
</div>
</div>
</div>
<script type="text/javascript">
var navH = jQuery("#zhanzhuai-matter-txtbox").offset().top;
jQuery(window).scroll(function() {
var scroH = jQuery(this).scrollTop();
if (scroH >= navH) {
jQuery(".scrollshow").fadeIn();
} else if (scroH < navH) {
jQuery(".scrollshow").fadeOut();
}
})
</script>
<script type="text/javascript">
function pr() {
var R = document.getElementById("zhanzhuai_sidebar");
var L = document.getElementById("zhanzhuai_primary");
if (R.className == "sidebar") {
R.className = "sidebar-hide zhanzhuai_view_sd";
L.className = "zhanzhuai_view_mn";
} else {
R.className = "sidebar";
L.className = "primary";
}
}
</script>
<script type="text/javascript">
var widHeight = jQuery(window).height();
var artHeight = jQuery('.zz_thread_content').height();
if (artHeight > (widHeight * 1.5)) {
jQuery('.zz_thread_content').height(widHeight * 1.5 - 285).css({
'overflow': 'hidden'
});
var thread_show = true;
jQuery('.zz_read_more_btn').bind('click', bindzz_read_more);
} else {
thread_show = true;
jQuery('.zz_readall_box').hide();
}
function bindzz_read_more() {
if (!thread_show) {
jQuery('.zz_thread_content').height(widHeight * 1.5).css({
'overflow': 'hidden'
});
jQuery('.zz_readall_box').show();
thread_show = true;
} else {
jQuery('.zz_thread_content').height("").css({
'overflow': 'hidden'
});
jQuery('.zz_readall_box').show();
jQuery('.zz_readall_box').hide();
thread_show = false;
}
}
</script>
</div>
</div>
</div>
<div id="ft" class="zz_huxiu_ft">
<div class="wp cl" style="position: relative;">
<div class="zz_huxiu_ft_top cl">
<a href="https://ktwap.net">凯特网</a>
<a href="archiver/">Archiver</a> <a href="forum.php?mobile=yes">手机版</a>
<a href="forum.php?mod=misc&action=showdarkroom">小黑屋</a> </div>
<div class="zz_huxiu_ft_bottom cl">
Copyright © 2019 <a href="https://ktwap.net" target="_blank">凯特网.</a>
Powered by <strong><a href="http://bbs.hyphp.cn/" target="_blank">HYBBS</a></strong> <em>2.3.4</em>
<p>Runtime:0.0972s Mem:2048Kb</p>
</div>
<div class="zz_huxiu_ft_icon">
</div>
</div>
</div>
<div class="zz_side_nav_box cl">
<ul class="zz_side_nav">
<li class="zz_side_nav_6">
<a href="javascript:void(0);" class="zz_gototop" title="分享" style=" display: none;">
<i></i>
<span>返回顶部</span>
</a>
</li>
</ul>
</div>
<script type="text/javascript">
jQuery(window).scroll(function() {
if (jQuery(window).scrollTop() >= 200) {
jQuery('.zz_gototop').fadeIn(300);
} else {
jQuery('.zz_gototop').fadeOut(300);
}
});
jQuery('.zz_gototop').click(function() {
jQuery('html,body').animate({
scrollTop: '0px'
}, 300);
});
var sct = jQuery(".zz_company, .zhanzhuai-rfixed, .home-fixd").offset().top;
var sctop = 0;
jQuery(window).scroll(function() {
sctop = jQuery(this).scrollTop();
if (sctop >= sct) {
jQuery(".zhanzhuai-rfixed, .p-rfixed").addClass("lists-top-fixed");
} else {
jQuery(".zhanzhuai-rfixed, .p-rfixed").removeClass("lists-top-fixed");
}
});
jQuery(function () {
jQuery.ajax({url: '/ajax/fresh_visitor.html', type:'post'});
});
</script>
<link href="https://ktwap.net/Plugin/hy_viewer/css/viewer.min.css" rel="stylesheet">
<script src="https://ktwap.net/Plugin/hy_viewer/js/viewer.js"></script>
<script type="text/javascript">
window.onload=function(){
if(typeof document.getElementsByClassName('thread-content')[0] === 'object'){
new Viewer(document.getElementsByClassName('thread-content')[0]);
}
var jh = document.getElementsByClassName('post-content');
for(var o in jh){
if(typeof jh[o] === 'object'){
new Viewer(jh[o]);
}
}
}
</script>
</body>
</html>
