HTML文档基本结构元素包括head、title、meta等，搞清楚这些元素的意思，才能编写与读懂HTML文档，下面介绍各个基本结构元素及其作用。
方法/步骤
1元素。是HTML的头部元素，其内部包含文档标题、关键词、页面描述等。
2元素。<title>是HTML的标题，即网页的标题，设置了标题，将会显示在浏览器网页名称上。</p></div><div class="listcon"><span>3</span><p><meta>元素。<meta>是HTML文档的元数据，不是展示出来的数据，是机器读取的数据。常见meta信息有编码、关键词、描述信息。</p></div><div class="listcon"><span>4</span><p><base>元素。<base>是HMTL所有链接规定默认地址或默认目标（target）。下面代码指定了所有链接默认地址为“http://www.xxx.com/images/”，默认目标为target，即所有页面打开时，都在一个新的窗口打开。</p></div><div class="listcon"><span>6</span><p><style>元素。<style>与</style>之间写的是网页样式代码，不同于以上的<link>元素，它可以直接在网页中定义CSS样式 。</p></div><div class="listcon"><span>7</span><p><script>元素。<script>与</script>之间编写的是JS代码，主要是为了网页实现一些功能、算法。</p></div></div><div class="prev_next">
<div class="prev">
<span>上一篇：</span><a href="/fqzcb.html">Python中集合的添加、删除、修改、查询方法</a>
</div>
<div class="next">
<span>下一篇：</span><a href="/fqzcd.html">SQL如何优化in查询</a>
</div>
</div>
</div>
<div class="appleccmw content-right">
<div class="listmore">推荐信息</div>
<div class="send_list">
<ul>
<li><a href="/fqzbl.html" title="html中id和name元素如何获取"><span>1</span><h3>html中id和name元素如何获取</h3></a></li>
<li><a href="/fqzbw.html" title="html的aside元素"><span>2</span><h3>html的aside元素</h3></a></li>
<li><a href="/fqzbx.html" title="Html如何隐藏input元素"><span>3</span><h3>Html如何隐藏input元素</h3></a></li>
<li><a href="/fqzcc.html" title="HTML文档基本结构元素是什么"><span>4</span><h3>HTML文档基本结构元素是什么</h3></a></li>
<li><a href="/agnnp.html" title="如何批量下载canvas图片"><span>5</span><h3>如何批量下载canvas图片</h3></a></li>
<li><a href="/agnno.html" title="教你如何用AI画蓝球？"><span>6</span><h3>教你如何用AI画蓝球？</h3></a></li>
<li><a href="/agnnn.html" title="高性价比渲染农场对比选择！"><span>7</span><h3>高性价比渲染农场对比选择！</h3></a></li>
<li><a href="/agnnm.html" title="SWU留学：[881]伯恩茅斯大学动漫专业"><span>8</span><h3>SWU留学：[881]伯恩茅斯大学动漫专业</h3></a></li>
<li><a href="/agnnl.html" title="英国留学动漫专业入学要求"><span>9</span><h3>英国留学动漫专业入学要求</h3></a></li>
<li><a href="/agnnk.html" title="《楚汉问鼎》影士试玩感想"><span>10</span><h3>《楚汉问鼎》影士试玩感想</h3></a></li>
<li><a href="/agnnj.html" title="美少女养成计划：[2]剧情说明攻略"><span>11</span><h3>美少女养成计划：[2]剧情说明攻略</h3></a></li>
<li><a href="/agnni.html" title="AE用曲线、色相/饱和度，分色特效完成去色效果"><span>12</span><h3>AE用曲线、色相/饱和度，分色特效完成去色效果</h3></a></li>
<li><a href="/agnnh.html" title="使用jQuery插入一个新的div"><span>13</span><h3>使用jQuery插入一个新的div</h3></a></li>
<li><a href="/agnng.html" title="狙击精英3游戏完美全攻略九"><span>14</span><h3>狙击精英3游戏完美全攻略九</h3></a></li>
<li><a href="/agnnf.html" title="Python基础入门合集：[6]数据结构之str格式化"><span>15</span><h3>Python基础入门合集：[6]数据结构之str格式化</h3></a></li>
<li><a href="/agnne.html" title="【愚人节】玩图时代如何恶搞好友"><span>16</span><h3>【愚人节】玩图时代如何恶搞好友</h3></a></li>
<li><a href="/agnnd.html" title="智能电视哪家强，微鲸电视PK乐视TV"><span>17</span><h3>智能电视哪家强，微鲸电视PK乐视TV</h3></a></li>
<li><a href="/agnnc.html" title="3d电影两个画面，暴风影音3d两个画面怎么设置"><span>18</span><h3>3d电影两个画面，暴风影音3d两个画面怎么设置</h3></a></li>
<li><a href="/agnnb.html" title="Windows 7下安装配置PHP+Apache+Mysql的方法"><span>19</span><h3>Windows 7下安装配置PHP+Apache+Mysql的方法</h3></a></li>
<li><a href="/agnna.html" title="向死神势力低头！柯南认真起来黑衣组织早就灭了"><span>20</span><h3>向死神势力低头！柯南认真起来黑衣组织早就灭了</h3></a></li>
<li><a href="/agnmz.html" title="微鲸43吋电视和乐视超3 X43哪个好？详尽对比"><span>21</span><h3>微鲸43吋电视和乐视超3 X43哪个好？详尽对比</h3></a></li>
<li><a href="/agnmy.html" title="功夫熊猫电脑版教程(教你电脑玩功夫熊猫)"><span>22</span><h3>功夫熊猫电脑版教程(教你电脑玩功夫熊猫)</h3></a></li>
<li><a href="/agnmx.html" title="我国数字媒体产业现状张津谈及发展趋势"><span>23</span><h3>我国数字媒体产业现状张津谈及发展趋势</h3></a></li>
<li><a href="/agnmw.html" title="《断剑5：蛇之诅咒》 点指式冒险解谜大作来袭"><span>24</span><h3>《断剑5：蛇之诅咒》 点指式冒险解谜大作来袭</h3></a></li>
</ul>
<div class="clear"></div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="onjfeeds"></div><span class="onj_live"></span><span class="childonj"></span><div class="onj_location"></div><span class="buddhaonj"></span><div class="branchesccmw footer_service">
<a href="/sitemap.html" target="_blank">网站地图</a>
<a href="/sitemap.xml" target="_blank">XML</a>
<a href="/sitemap.txt" target="_blank">TXT</a>
<a href="/rss.xml" target="_blank">RSS</a>
<a href="/privacy.html" target="_blank">隐私政策</a>
<a href="/service.html" target="_blank">服务条款</a>
<a href="/agreement.html" target="_blank">使用条款</a>
<div class="flagccmw footer_copyright clogWalletccmw">Copyright ©1996-2026 www.onijiang.com Corporation, All Rights Reserved</div>
</div>
<script src="/static/index1js/jquery-3.5.1.min.js" rel="external nofollow"></script>
<script src="/static/js/share.js" rel="external nofollow"></script>
<script src="/static/js/tran.js" rel="external nofollow"></script>
<script src="/static/js/langs.js" rel="external nofollow" ></script>
<div class="onj_happy"></div><span class="containeronj"></span><div class="baronj" id="baronj"></div><div id="Family_seal_onj"></div><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>
</body>
</html>