HTML5是当下最流行的页面语言,其入行的门口也低、就业薪资可观,所以广受想要转行人事的喜爱,今天思途HTML5培训讲师为大家打开HTML5的大门。
容器标记是成对的开始标记(StartTag)与结束标记(End Tag)。终止标记前加“/”。
例如:<title>我的网页</title>注释:此标记的功能是将文字显示在浏览器的标题栏中。(当浏览者将网页加入“收藏夹”是,看到的标题就是<title>的文字)
单一标记就是没有结束标记。这些标记加上结束标记是没有意义的,这是可以写成<hr/>
如:<hr>标记的功能是添加分割线;<img>功能是插入图片。
一个最简单的HTML网页有<html>与</html>标记标识出网页的开始和结束,网页中分为“头(head)”和“主体(body)”两部分。
<head></head>标记:这里通常放置网页 的相关信息,如<title>,<meta>,这些信息通常不会直接显示在网页上。
<body><>body>标记:这里放置网页内容,会直接显示在网页上。
有些标记可以加上属性(Attributes)来改变其在网页上显示的方式,属性直接放置在开始标签内。
如:<html>有lang属性,lang属性用来指定网页语言。
用法:<htmllang="zh-cn">
表示网页语言设置为中文。
如果超过一个属性,则以空格隔开不同属性。
如:<metaname="keywords" content="HTML, css, XML, XHTML,JavaScipt">
<meta>用来描述网页,有利于搜索引擎快速找到网站并正确分类。
HTML4中-使用<div>标记指定id属性名称,再加上CSS语法达到想要的效果。
<div>的id属性是自由命名的。HTML5统一了网页架构的标记,去掉了多余的div,用一些易识别的语义标签来代替。
标记 | 说明 |
<header> | 显示网站名称、主题或主要信息 |
<nav> | 网站的链接菜单 |
<aside> | 用于侧边栏 |
<article> | 定义主内容区 |
<section> | 用于章节或段落 |
<footer> | 位于页脚,用来放置版权声明、作者等信息 |
TML5的DOCTYPE声明如下:
<!DOCTYPE html>
语言的声明方式为:在<head>与</head>中间加入:
<html lang=”zh-CN”;
表示文件内容使用简体中文。
网页编码声明入如下:
<meta charset=”GB2312”>
表示使用GB2312编码。
提示:GB2312是简体中文编码,只支持简体中文。UTF-8是国际码,支持多种语言。