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 Text Markup 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为什么只需写<!DOCTYPE HTML>?</span></p>
<div class="cnblogs_code">
<pre><!DOCTYPE html>
<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>>
<head>
<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>>
<title>Title</title>
</head>
<body>
</body>
</html></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><html></html> 创建一个HTML文档</li>
<li><head></head> 设置文档标题和其它在网页中不显示的信息</li>
<li><title></title> 设置文档的标题 </li>
<li><div></div>盒子</li>
<li><p></p>创建段落</li>
<li><h1></h1> 最大的标题</li>
<li><pre></pre> 预先格式化文本 </li>
<li><u></u> 下划线</li>
<li><b></b> 黑体字 </li>
<li><i></i> 斜体字 </li>
<li><strong></strong> 加重文本(通常是斜体加黑体)</li>
<li><sup></sup> 上标字 </li>
<li><sub></sub>下标字</li>
<li><br/>换行</li>
<li><ul></ul> 创建一个标有圆点的列表</li>
<li><hr>水平线</li>
<li><ol></ol>创建一个有数字的列表</li>
<li><ul></ul>创建一个有圆点的列表</li>
<li><li></li>放在ul标签内使用,圆点标签</li>
<li><dl></dl> 定义列表</li>
<li><dt> 放在每个定义术语词前</li>
<li><dd> 放在每个定义之前</li>
<li><a></a>超链接标签</li>
<li><link><link>用来引入样式</li>
<li><script></script>用来写js</li>
</ul>
<p><span style="text-decoration: underline"><span style="font-size: 18px">html方面的到这里已经介绍完了,下一篇介绍css样式。喜欢点个赞呗,不懂的请评论,会及时回复。。。。。。</span></span></p>
<p> </p>
</div>
<div id="MySignature" role="contentinfo">
暑天该很好,你若尚在场。<br><br>
来源:https://www.cnblogs.com/luvina/p/10871830.html
頁:
[1]