HTML5学习笔记-2.HTML基础
1.HTML标记类型
(1)容器标记:成对的开始标记与结束标记 <开始标记>...</结束标记>
(2)单一标记:只有起始标记而没有结束标记 <单一标记>
2.HTML的组成:
<!DOCTYPE html> <html> <head> <title>title</title> //head </head> <body> //body </body> </html>
<head></head>标记:放置网页的相关信息,例如<title> <meta>,这些信息通常不会直接显示在网页上
<title></title>标记:用来说明网页的标题,此标题会显示在浏览器的标题栏中
<body></body>标记:放置网页的内容,直接显示在网页上
3.标记属性:有些标题可以加上属性来改变其在网页上显示的方式,属性直接置于开始标记内,如果超过一个以上的属性,则以空格隔开
例:<html lang="zh-cn">、<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">(meta标记用来描述网页,有利于)
<开始标记 属性名称1=设置值1 属性名称2=设置值2 ...>
4.HTML4中可以使用<div>标记制定页面结构id属性名称,HTML5统一了网页架构的标记,用一些容易识别的语义标记来代替
标记 | 说明 |
<header> | 显示网站名称、主题或者主要信息 |
<nav> | 网站的连接菜单 |
<aside> | 用于侧边栏 |
<article> | 用于定义主内容区 |
<section> | 用于章节或段落 |
<footer> | 位于页脚,用来放置版权声明、作者等信息 |
例:
<body> <header>网站主题</header> <nav>连接菜单</nav> <article> 主内容 <section> 章节段落 </section> </article> <aside>侧边栏</aside> <footer>页脚</footer> </body>
5.标准的HTML文件在文件前段必须使用DOCTYPE声明使用的标准规范
HTML5中的DOCTYPE声明:<!DOCTYPE html>
6.语言与编码类型:
语言声明方式:在<head>与</head>中间加入:<html lang="zh-CN">
网页编码的声明:<meta charset="GB2312">
注:GB2312是简体中文编码,只支持简体中文,UTF-8是国际码,支持多种语言,不容易出现乱码问题
网页编码的声明要与保存文件时的编码格式一致