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是国际码,支持多种语言,不容易出现乱码问题

         网页编码的声明要与保存文件时的编码格式一致

posted @ 2015-07-07 22:38  trj14  阅读(173)  评论(0编辑  收藏  举报