首页 前端知识 HTML5基础骨架

HTML5基础骨架

2024-04-07 08:04:02 前端知识 前端哥 998 168 我要收藏

HTML5介绍

HTML5是用来描述网页的一种语言,被称为超文本标记语言。用HTML5编写的文件,后缀以. html 结 HTML 不是编程语言,而是一种标记语言,标记语言是一套标记标签,标记标签通常被称为 HTML 标签

HTML 元素

标签是由尖括号包围的关键字,例如:<! html >

标签有两种表现形式:

1.双标签,例如:< html ></ html >
2.单标签,例如:< img >
但是绝大多数是双标签。

HTML5基本骨架

1. html 标签

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

<!D0CTYPE html >< html >

</ html >

2. head 标签

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

<! DOCTYPE htm >

< html >

< head ></ head ></ html >

3. body 标签

 body 元素定义文档的主体。

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

<! DOCTYPE html >

< html >

< head >

</ head >

< body >

我会显示在浏览器中

</ body >

</ html >

4. title 标签

1.可定义文档的标题。2.它显示在浏览器窗口的标题栏或状态栏上。

3.< title >标签是< head >标签中唯一必须要求包含的东西,就是说写 head 一定要写 title 

4. title 的增加有利于 SEO 优化

 SEO 是搜索引擎优化的英文缩写。通过对网站内容调整,满足搜索引擎的排名需求,从而提高自己

站被搜索引擎平台录取的几率,从而把精准用户带到网站。

网站都有目标群体,通过 title 、 meta 标签可以让目标群体通过关键词找到你的网站,所以你定义的

键词决定了会吸引什么样的群体。

<! DOcTYPE html >< html >

< head >

< title >第一个页面</ title ></ head >

< body >

我会显示在浏览器中</ body >

</ html >

5. meta 标签

 meta 标签用来描述一个 HTML 网页文档的属性,关键词等,例如: charset =" utf -8"是说当前使用的

 utf -8编码格式,在开发中我们经常会看到 utf -8,或是 gbk ,这些都是编码格 ,通常使用 utf -8。

<!D0CTYPE html >

< html lang =" en ">

< head >

< meta charset =" UTF -8">< title > Document </ title ></ head >

< body ></ body ></ html >

转载请注明出处或者链接地址:https://www.qianduange.cn//article/4536.html
标签
评论
发布的文章

java解析超大json文件数据

2024-04-19 21:04:10

头歌-JavaScript基础

2024-04-19 21:04:54

C#Json序列化及反序列化

2024-04-19 21:04:40

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!