自学内容网 自学内容网

HTML5基本概念及其基本框架

   HTML是超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用来结构化 Web 网页及其内容的标记语言。网页内容可以是:一组段落、一个重点信息列表、也可以含有图片和数据表。

H5的DOCTYPE的声明

  <!DOCTYPE html>是H5的声明位于文档的最前面,处于标签之前,它是网页必备的组成部分,其避免了浏览器的怪异模式。

H5的基本框架

<!DOCTYPE html>
<html lang="en">
    <head>
        <body>
            
        </body>
    </head>
</html>

<html> </html>标签

  定义html文档,浏览器在看到这个元素后就会知道这是一个html文档,所以其他元素要包裹在它里面,该标签限定了文档的开始点与结束点。

<head> </head>标签

  用于定义文档的头部,文档的头部描述了文档的各种属性与信息和web中的位置以及和其他

文档的关系。绝大多数文档头部包含的数据都不会直接将内容显示给用户。

<body> </body>标签

  用于定义文档的主体,body元素包含文档的所有内容,它会直接在页面上显示出来,也就可以让用户直接看到内容。

<title> </title>标签

   用于定义文档的标题,它显示在浏览器窗口的标题栏和状态栏上。 <title>标签是<head>标签中唯一必须要求包括的东西。另外<title>标签的增加有利于SEO的优化。

注:SEO是搜索引擎优化的缩写,通过对网站内容的调整,满足搜索引擎的排名需求。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>我是title标签</title>
</head>
<body>
    
</body>
</html>

<meta>标签 

   <meta>标签用来描述一个HTML网页文档的属性,关键词等。例如:charset=”utf-8” 这是说明当前使用的是utf-8编码格式,在开发中经常会看到utf-8,或者gbk,这些都是编码格式,通常使用utf-8的较多。

注:<meta>标签是在<head>标签内的。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>我是title标签</title>
</head>
<body>
    
</body>
</html>

 


原文地址:https://blog.csdn.net/m0_74742670/article/details/142305963

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!