HTML基本元素

举报
hwJw19 发表于 2020/06/16 11:02:39 2020/06/16
【摘要】 网页无论多复杂,后台是使用何种语言。最终呈现在浏览者眼前的内容实质上都是由浏览器解析HTML代码后绘制出来的。HTML代码由几大结构组成,不同的结构具有不同的功能。一个HTML文档由四个基本部分组成:(1).一个文档声明:<!DOCTYPE HTML>。(2).一个html标签对:<html></html>。(3).一个head标签对:<head></head>。(4).一个body标签对:...

网页无论多复杂,后台是使用何种语言。

最终呈现在浏览者眼前的内容实质上都是由浏览器解析HTML代码后绘制出来的。

HTML代码由几大结构组成,不同的结构具有不同的功能。

图片.png

一个HTML文档由四个基本部分组成:

(1).一个文档声明:<!DOCTYPE HTML>。

(2).一个html标签对:<html></html>。

(3).一个head标签对:<head></head>。

(4).一个body标签对:<body></body>。


一.文档声明:

文档声明非常重要,每一个页面都是必须的,除非有特殊的考量。

DOCTYPE声明不属于html标签,它是一条指令,用于告知浏览器,当前html文档使用何种规范书写。

HTML4.01中的doctype需要对DTD进行引用,因为HTML4.01基于SGML。

HTML5不基于SGML,因此不需要对DTD进行引用,但是需要doctype来规范浏览器的行为。


二.<HTML>标签:

它是所有HTML元素的根元素,除去<!DOCTYPE HTML>,页面的其他内容都会包裹于此元素之内。


三<head>标签:

此标签内部会提供一些与浏览器解析或者搜索引擎抓取等相关的信息。

<head>标签内主要包含以下几种类型的元素:

(1).<title>:规定网页的标题。此标签用于定义网页的标题,主要目的是告诉用户此网页是做什么用的,或者主要主题是什么。它对于搜索引擎优化有着举足轻重的作用;

(2).<meta>:主要给浏览器解析或者搜索引擎提供相关信息;

(3).<link>:从外部引入CSS文件;

(4).<style>:内部定义CSS代码;

(5).<script>:从外部引入js文件或者直接定义js代码;

(6).<base>:为当前文档的所有链接设置基准链接;


四.<body>标签:

它规定了网页的主体部分,我们所能看到页面内容都位于此标签之内。


五.<body>标签:

在编写代码的时候,可能会对代码加以说明。这个说明不是给浏览器看的,而是便于开发者阅读。浏览器不会显示注释的内容,也不会对网页结构造成影响。

注释是以<!--开始,以-->结束,中间是注释的内容。

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。