html基本结构分析

html基本结构分析

HTML称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。

一个完整的HTML文档必须包含3个部分:文档声明、文档头部和文档主体。而正是它们构成了HTML的骨架结构。前面已经分别介绍过文档声明和文档头部,本文将详细介绍构成HTML骨架结构的基础元素

HTML

<html>元素代表HTML文档的根(root),其他所有元素都是该元素的后代。<html>与html>标签限定了文档的开始点和结束点,在它们之间是文档的头部和主体。文档的头部由标签定义,而主体由标签定义

ef9735db0fa6b5197ac9f611f3f1ea3.png

【xmlns】

xmlns属性用于指派文档的XML命名空间。预设值是"http://www.w3.org/1999/xhtml",这在XHTML中是必要的,而在HTML中则是可选的

<html xmlns="http://www.w3.org/1999/xhtml">

HEAD

标签用于定义文档的头部,它是所有头部元素的容器。;大部分不可见,描述了文档的一些基本的属性和信息(可以呈现的是title和icon)。元素下的子元素主要包括、<base>、<link>、<style>和<script>这六个元素</p><p><title>定义文档的标题,它是head部分中唯一必需的元素</p><p>如果在文档中忽略了<head>标签,则大部分浏览器会自动创建一个<head>元素</p><p>关于文档头部的更多信息移步至此</p><p>BODY</p><p><body>表示的是<a href="/tag-news-name-HTML-p-1.html">HTML</a>文档的主体内容,任何一个<a href="/tag-news-name-HTML-p-1.html">HTML</a>文档,只允许存在一个<body>元素</p><p>【默认样式】</p><pre>chrome/firefox/safari/IE8+ margin:8px; IE7- margin:15px 10px;</pre><p>结构</p><p>在sublime编辑器中,输入!,再按住Tab键,就可以生成一个基本的<a href="/tag-news-name-HTML-p-1.html">HTML</a>结构,结构如下</p><pre><!DOCTYPE <a href="/tag-news-name-html-p-1.html">html</a>> <<a href="/tag-news-name-html-p-1.html">html</a>> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body></body> </<a href="/tag-news-name-html-p-1.html">html</a>></pre><p>在实际中,文档的头部结构常常需要承载一些常用的功能,所以<a href="/tag-news-name-HTML-p-1.html">HTML</a>结构较复杂,结构如下</p><pre><!DOCTYPE <a href="/tag-news-name-html-p-1.html">html</a>> <<a href="/tag-news-name-html-p-1.html">html</a>> <head> <meta charset="utf-8"/> <title>Document</title> <meta name="keywords" content=""/> <meta name="description" content=""/> <meta name="viewport" content="width=device-width"/> <link rel="stylesheet" href="5/style.css"/> <link rel="shortcut icon" href="ico.ico"/> </head> <body></body> </<a href="/tag-news-name-html-p-1.html">html</a>></pre><p>相关推荐:<a href="/tag-news-name-html-p-1.html">html</a>教程<br/></p><p>以上就是<a href="/tag-news-name-html-p-1.html">html</a>基本结构分析的详细内容,更多请关注https://www.sxiaw.com/其它相关文章!</p></span> </div> </article> <aside class="swnetnews"> <div class="lis"> <span><i>前端 热点</i></span> <ul> <li><a href="/doc/6040.html" title="pandas怎么读取excel文件" target="_blank">pandas怎么读取excel文件</a></li><li><a href="/doc/3716.html" title="XmlTextWriter函数定义与用法汇总" target="_blank">XmlTextWriter函数定义与用法汇总</a></li><li><a href="/doc/1531.html" title="XML解析中的namespace初步了解" target="_blank">XML解析中的namespace初步了解</a></li><li><a href="/doc/7316.html" title="C语言中快速排序法怎么排" target="_blank">C语言中快速排序法怎么排</a></li><li><a href="/doc/10899.html" title="如何在vscode中运行html代码" target="_blank">如何在vscode中运行html代码</a></li><li><a href="/doc/9476.html" title="连接打印机时提示找不到驱动程序怎么办" target="_blank">连接打印机时提示找不到驱动程序怎么办</a></li><li><a href="/doc/5867.html" title="怎样启动phpmyadmin" target="_blank">怎样启动phpmyadmin</a></li><li><a href="/doc/5353.html" title="如何使用phpmyadmin建立外键约束" target="_blank">如何使用phpmyadmin建立外键约束</a></li><li><a href="/doc/7941.html" title="手机百度云打开BT种子的具体操作步骤" target="_blank">手机百度云打开BT种子的具体操作步骤</a></li><li><a href="/doc/9422.html" title="十行 Python 代码实现酷炫功能" target="_blank">十行 Python 代码实现酷炫功能</a></li><li><a href="/doc/10598.html" title="简析PHP跨域问题的解决方案" target="_blank">简析PHP跨域问题的解决方案</a></li><li><a href="/doc/9364.html" title="什么是php-fpm?如何进行优化来提升性能?" target="_blank">什么是php-fpm?如何进行优化来提升性能?</a></li><li><a href="/doc/9329.html" title="深入浅析PHP文件包含漏洞" target="_blank">深入浅析PHP文件包含漏洞</a></li><li><a href="/doc/864.html" title="centos怎么部署golang" target="_blank">centos怎么部署golang</a></li><li><a href="/doc/719.html" title="如何在golang中使用Websocket来转发数据" target="_blank">如何在golang中使用Websocket来转发数据</a></li><li><a href="/doc/4604.html" title="基于PHP微信网页获取用户信息的实例分析" target="_blank">基于PHP微信网页获取用户信息的实例分析</a></li> </ul> </div> </aside> </main> <script> // first, find all the div.code blocks document.querySelectorAll('pre').forEach(el => { // then highlight each hljs.highlightElement(el); hljs.lineNumbersBlock(el); }); </script> <div id="footer"> <div class="w1200"> <p class="tips_text">本网站为非赢利性站点,本网站所有内容均来源于互联网相关站点自动搜索采集信息,相关链接已经注明来源。</p> <p class="tips_text">Copyright © 2004-2018 https://m.sxiaw.com/. All Rights Reserved.<script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?716b3e81948f3acc7a5d3e276a92f5a9"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <a href="http://beian.miit.gov.cn/" target="_blank">津ICP备2023001793号-1</a></p> </div> </div> </body> </html>