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 >