HTML概括

最新推荐文章于 2022-06-20 18:31:04 发布

BluesGAVIN

最新推荐文章于 2022-06-20 18:31:04 发布

阅读量161

点赞数

本文链接：https://blog.csdn.net/weixin_42718573/article/details/81105609

版权

本人初学前端，有前辈推荐我写博客，说可以记录一下自己的成长。所以我也想试试写一下，

希望自己可以坚持。

博客会尝试用自己的话来概括。本人的知识面很窄，肯定会有不对和遗漏的地方。在日后学习中会不断修补。

第一天的内容是对HTML的一些简单概括。

1.HTML

HyperText Markup Language，超文本标记语言。由名字看来HTML是一门语言，但网上很多人都明确过，HTML他不是一门编程语言，这点是题外话。HTML的唯一作用是，搭建网页的结构，他包括着HTML 文档包含 HTML 标签和纯文本。而写HTML最重要的是要留意他的语义化。这在SEO中起着关键的作用。

2.什么是SEO

SEO（Search Engine Optimization）:汉译为搜索引擎优化。网络蜘蛛在爬网站的时候一般是通过网页的HTML来判定网页在搜索引擎中的排名，所以为了从搜索引擎中获得更多的免费流量，我们可以通过对HTML语义化的优化来提高网页的可读性。当然SEO的方法不止这一个，有的职位是专攻SEO的，所以当中一定还有很多方法。我没有去仔细了解。

3.HTML标签

标签是HTML学习的主要内容，从header中的meta属性已经可以记一大推的东西，这些都可以在各大教程网上看到。HTML标签的内容不少，可是绝对不难，很容易就可以掌握。可是要写好HTML则需要一些经验，因为说到底他讲究的是如果搭建一个稳健的网页结构和做好语义化。当中标签的选择很多时候是需要经验来引导的。初学者可以多看看上线的网页，思考一下别人HTML的结构选择的原因。

4.HTML结构演变

在早期网页的样式是写在HTML的内部的，当时流行的网页结构主要是运用<table>标签来搭建。到后来css出现，便演变为div+css的主流，css的出现不仅仅使得HTML和样式分离，还让网页的结构更多样化。再接着到了2014年HTML5出现后，网页再进入一次蜕变。

5.HTML5

H5为HTML带来了许多新的标签

<article>	定义文章。
<aside>	定义页面内容之外的内容。
<audio>	定义声音内容。
<bdi>	定义文本的文本方向，使其脱离其周围文本的方向设置。
<canvas>	定义图形。
<command>	定义命令按钮。
<datalist>	定义下拉列表。
<details>	定义元素的细节。
<dialog>	定义对话框或窗口。
<embed>	定义外部交互内容或插件。
<figcaption>	定义 figure 元素的标题。
<figure>	定义媒介内容的分组，以及它们的标题。
<footer>	定义 section 或 page 的页脚。
<header>	定义 section 或 page 的页眉。
<keygen>	定义生成密钥。
<mark>	定义有记号的文本。
<meter>	定义预定义范围内的度量。
<nav>	定义导航链接。
<output>	定义输出的一些类型。
<progress>	定义任何类型的任务的进度。
<rp>	定义若浏览器不支持 ruby 元素显示的内容。
<rt>	定义 ruby 注释的解释。
<ruby>	定义 ruby 注释。
<section>	定义 section。
<source>	定义媒介源。
<summary>	为 <details> 元素定义可见的标题。
<time>	定义日期/时间。
<track>	定义用在媒体播放器中的文本轨道。
<video>	定义视频。
<wbr>	定义可能的换行符。

H5特点

H5的新标签的出现使得网页更加语义化。
新标签中出现<video>,<audio>等专门为承载媒体的语句。
推动H5的一大部分原因是因为移动端。这也是H5的主要领域。

6.HTML 和XHTML的区别和联系

XHTML扩展超文本标签语言（The Extensible HyperText Markup Language ）XHTML 的目标是取代 HTML。但是Internet上用HTML写的网页太多，无法替代。XHTML 与 HTML 4.01 几乎是相同的。XHTML 是更严格更纯净的 HTML 版本。同时XHTML 是一个 W3C 标准。

HTML语法要求比较松散，这样对网页编写者来说，比较方便，但对于机器来说，语言的语法越松散，处理起来就越困难，对于传统的计算机来说，还有能力兼容松散语法，但对于许多其他设备，比如手机，难度就比较大。因此产生语法要求更加严格的XHTML。

简单来说，XHTML就是一种特别严格的规范。

XHTML和HMTL最主要的不同：
XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
标签名必须用小写字母。
XHTML 文档必须拥有根元素。
XHTML 元素必须被嵌套于 <html> 根元素中

BluesGAVIN

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML概括

本人初学前端，有前辈推荐我写博客，说可以记录一下自己的成长。所以我也想试试写一下，希望自己可以坚持。博客会尝试用自己的话来概括。本人的知识面很窄，肯定会有不对和遗漏的地方。在日后学习中会不断修补。第一天的内容是对HTML的一些简单概括。 1.HTMLHyperText Markup Language，超文本标记语言。由名字看来HTML是一门语言，但网上很多人都明确过...
复制链接

扫一扫