一条游走的咸鱼 發表於 2019-5-15 20:08:00

HTML5的理解

<p><span style="color: rgba(255, 255, 0, 1)">先说说什么是HTML?</span></p>
<p>HTML是<span style="text-decoration: underline; color: rgba(0, 255, 0, 1)"><span style="color: rgba(0, 255, 0, 1); text-decoration: underline">超文本标记语言</span></span>(Hyper&nbsp;Text&nbsp;Markup&nbsp;Language),标准通用标记语言下的一个应用,HTML 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的。</p>
<p>页面内可以包含图片、链接,甚至音乐、程序等非文字元素,结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。</p>
<p>H5从广义上说是前端开发中各种最新技术的总称,包含了HTML5,CSS3,Javascript,Es6和各种开源框架等最新前端技术的总称。</p>
<p><span style="color: rgba(255, 255, 0, 1)">有什么特性?</span></p>
<p>简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。</p>
<p>可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。</p>
<p><span style="color: rgba(255, 255, 0, 1)">由什么组成?</span></p>
<p>字符和汉字是最基本的组成形式,同时还有许多特殊字符,它们一起构成了HTML字符集。HTML字符可以用一些代码来表示,代码可以有2种表示方式。即字符代码(命名实体)和数字代码(编号实体)。</p>
<p><span style="color: rgba(255, 255, 0, 1)">主体格式是什么?</span></p>
<ul>
<li>第一部分:和是网页文件的最外层标签,HTML中所有的内容都要在这里面。</li>
<li>第二部分:和标签之间文本是头信息,放在元素的最上面使用,头部分信息不会显示在浏览器窗口中,主要包括页面的一些基本描述语句,用于说明文件的标题和文件的公共属性。</li>
<li>第三部分:标签是HTML文件的主体标记,标签之间的文本是正文内容,是用户能够在浏览器中看到的。</li>
</ul>
<p><span style="color: rgba(255, 255, 0, 1)">HTML5为什么只需写&lt;!DOCTYPE HTML&gt;?</span></p>
<div class="cnblogs_code">
<pre>&lt;!DOCTYPE html&gt;
&lt;html lang=<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">en</span><span style="color: rgba(128, 0, 0, 1)">"</span>&gt;
&lt;head&gt;
    &lt;meta charset=<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">UTF-8</span><span style="color: rgba(128, 0, 0, 1)">"</span>&gt;
    &lt;title&gt;Title&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;/body&gt;
&lt;/html&gt;</pre>
</div>
<p>HTML5不基于标准通用标记语言,html和xml都遵循该标准,因此不需要对DTD进行引用,但需要DOCTYPE来规范浏览器的行为,让浏览器来按照他们的方式来运行。</p>
<p><span style="color: rgba(255, 255, 0, 1)">HTML语义化标签是什么?</span></p>
<ul>
<li>html语义化让页面的结构化,结构更清晰,便于对浏览器,搜索引擎解析;</li>
<li>即使没有css样式的情况下也已文档的格式显示,并且容易阅读;</li>
<li>搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键词的权重,利于SEO;</li>
<li>使于都源代码的对网站更容易分块,便于阅读维护,理解;</li>
</ul>
<p><span style="color: rgba(255, 255, 0, 1)">HTML常用的标签</span></p>
<ul>
<li>&lt;html&gt;&lt;/html&gt; 创建一个HTML文档</li>
<li>&lt;head&gt;&lt;/head&gt; 设置文档标题和其它在网页中不显示的信息</li>
<li>&lt;title&gt;&lt;/title&gt; 设置文档的标题&nbsp;</li>
<li>&lt;div&gt;&lt;/div&gt;盒子</li>
<li>&lt;p&gt;&lt;/p&gt;创建段落</li>
<li>&lt;h1&gt;&lt;/h1&gt; 最大的标题</li>
<li>&lt;pre&gt;&lt;/pre&gt; 预先格式化文本&nbsp; &nbsp; &nbsp;</li>
<li>&lt;u&gt;&lt;/u&gt; 下划线</li>
<li>&lt;b&gt;&lt;/b&gt; 黑体字&nbsp; &nbsp;&nbsp;</li>
<li>&lt;i&gt;&lt;/i&gt; 斜体字&nbsp; &nbsp;&nbsp;</li>
<li>&lt;strong&gt;&lt;/strong&gt; 加重文本(通常是斜体加黑体)</li>
<li>&lt;sup&gt;&lt;/sup&gt; 上标字&nbsp; &nbsp;&nbsp;</li>
<li>&lt;sub&gt;&lt;/sub&gt;下标字</li>
<li>&lt;br/&gt;换行</li>
<li>&lt;ul&gt;&lt;/ul&gt; 创建一个标有圆点的列表</li>
<li>&lt;hr&gt;水平线</li>
<li>&lt;ol&gt;&lt;/ol&gt;创建一个有数字的列表</li>
<li>&lt;ul&gt;&lt;/ul&gt;创建一个有圆点的列表</li>
<li>&lt;li&gt;&lt;/li&gt;放在ul标签内使用,圆点标签</li>
<li>&lt;dl&gt;&lt;/dl&gt; 定义列表</li>
<li>&lt;dt&gt; 放在每个定义术语词前</li>
<li>&lt;dd&gt; 放在每个定义之前</li>
<li>&lt;a&gt;&lt;/a&gt;超链接标签</li>
<li>&lt;link&gt;&lt;link&gt;用来引入样式</li>
<li>&lt;script&gt;&lt;/script&gt;用来写js</li>
</ul>
<p><span style="text-decoration: underline"><span style="font-size: 18px">html方面的到这里已经介绍完了,下一篇介绍css样式。喜欢点个赞呗,不懂的请评论,会及时回复。。。。。。</span></span></p>
<p>&nbsp;</p>

</div>
<div id="MySignature" role="contentinfo">
    暑天该很好,你若尚在场。<br><br>
来源:https://www.cnblogs.com/luvina/p/10871830.html
頁: [1]
查看完整版本: HTML5的理解