HTML5简介及基本结构

187 阅读2分钟

HTML5的简介

HTML5是用来描述网页的一种语言,被称为超文本标记语言,用HTML5编写的文件,后缀以.html结尾 HTML是一种标记语言,标记语言是一套标记标签。标签是由尖括号包围的关键字, 例:<html>

单标签:<img/> 双标签:<html> </html>

<!DOCTYPE html>
<html>
    <head>
        <meta charset="{{CHARSET}}">
        <title></title>
    </head>
    <body>
    </body>
</html>

<!DOCTYPE html>的声明

DOCTYPE是document type(文档类型)的缩写。是 H5的声明位于文档的最前面,处于标签之前。他是网页必备的组成部 分,避免浏览器的怪异模式。

HTML5的基本结构

HTML标签

定义HTML文档,这个元素我们浏览器看到后,就明白这是个HTML文档了所以你的其它元素要包裹在它里面,标签限定了文档的开始点和结束点。

 <!DOCTYPE html>
 <html>
 
 </html>

head标签

head标签:用于定义文档的头部。文档的头部描述了文档的各种属性和信息,包括文档的标题、在Web中的位置以及和其他文档的关系等,绝大多数头部包含的数据都不会真正作为内容显示给读者。

<!DOCTYPE html>
<html>
<head>
</head>
</html>

title标签

title标签

  1.  可定义文档的标题
  2. 它显示在浏览器窗口的标题栏或状态栏上
  3.   <title> 标签是 <head> 标签中唯一必须要求包含的东西,就是说写head一定要写title
<!DOCTYPE html>
<html>
    <head>
        <meta charset="{{CHARSET}}">
        <title></title>
    </head>
    <body>
    </body>
</html>

meta标签

Meta标签: meta标签是用来描述一个HTML网页文档的属性、关键词等,例如:chareset="utf-8"是说当前使用的是utf-8编码格式,在开发中我们经常会看到utf-8,或是gbk,这些都是编码格式,通常使用utf-8。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="{{CHARSET}}">
        <title></title>
    </head>
    <body>
    </body>
</html>

body标签

body元素定义文档的主体,body元素包含文档的所有内容(比如文本,超链接、图像,表格,列表等)。它也会直接在页面中显示出来,也就是用户可以直观看到的内容

<!DOCTYPE html>
 <html>
    <head>
    </head>
     <body>
         我会显示在浏览器中
     </body>
 </html>

u=4267187980,3307751554&fm=253&fmt=auto&app=120&f=JPEG.webp