当前位置:首页 > Web开发 > 正文

head标签和body标签是它的第一层子元素

2024-03-31 Web开发

标签:

  html概述

HTML是 HyperText Mark-up Language 的首字母简写,,意思是超文本符号语言,超文本指的是超链接,符号指的是标签,是一种用来制作网页的语言,这种语言由一个个的标签构成,用这种语言制作的文件生存的是一个文本文件,文件的扩展名为html或者htm,一个html文件就是一个网页,html文件用编纂器打开显示的是文本,可以用文本的方法编纂它,如果用浏览器打开,浏览器会凭据标签描述内容将文件衬着成网页,显示的网页可以从一个网页链接跳转到此外一个网页。

html根基布局

一个html的根基布局如下:

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>网页标题</title> </head> <body> 网页显示内容 </body> </html>

第一行是文档声明,第二行“<html>”标签和最后一行“</html>”界说html文档的整体,“<html>”标签中的‘lang=“en”’界说网页的语言为英文,界说成中文是‘lang="zh-CN"‘,不界说也没什么影响,它一般作为分析统计用。 “<head>”标签和“<body>”标签是它的第一层子元素,“<head>”标签里面卖力对网页进行一些设置以及界说标题,设置包孕界说网页的编码格局,外链css样式文件和javascript文件等,设置的内容不会显示在网页上,标题的内容会显示在标题栏,“<body>”内编写网页上显示的内容。

HTML文档类型

目前常用的两种文档类型是xhtml 1.0和html5

xhtml 1.0

xhtml 1.0 是html5之前的一个常用的版本,目前许多网站仍然使用此版本。
此版本文档用sublime text创建要领: html:xt + tab
文档示例:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title> xhtml 1.0 文档类型 </title> </head> <body> </body> </html>

html5

pc端可以使用xhtml 1.0,也可以使用html5,html5是向下兼容的
此版本文档用sublime text创建要领: html:5 + tab 或者 ! + tab
文档示例:

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> html5文档类型 </title> </head> <body> </body> </html>

两种文档的区别

1、文档声明和编码声明

2、html5新增了标签元素以及元素属性

html文档规范

xhtml制定了文档的编写规范,html5可部分遵守,也可全部遵守,看开发要求。

1、所有的标签必需小写

2、所有的属性必需用双引号括起来

3、所有标签必需闭合

4、img必需要加alt属性(对图片的描述)

html注释:

html文档代码中可以插入注释,注释是对代码的说明和解释,注释的内容不会显示在页面上,html代码中插入注释的要领是:

<!-- 这是一段注释 -->

html标签特点:

html的标签大部分是成对呈现的,少量是单个呈现的,特定标签之间可以彼此嵌套,嵌套就是指一个标签里面可以包罗一个或多个其他的标签,包罗的标签和父标签可以是同类型的,也可以是差别类型的:

<!-- 成对呈现的标签 --> <body>......</body> <p>......</p> <div>......</div> <b>......</b> <!-- 单个呈现的标签 --> <br /> <img src="..." /> <input type="..." /> <!-- 标签之间的嵌套 --> <p> <span>...</span> <a href="...">...</a> </p> <div> <h3>...</h3> <div> <span>...</span> <p>...</p> </div> </div>

1.1、html概述和根基布局

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/30660.html