HTML 是什么
HTML 是用来描述网页内容的一种语言
head 里的标签
head标签里主要得几个标签有
meta, link, script, title
meta 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
body 里的标签
body里的标签就太多了，主要分为几类
- Section
- Group Content
- Text Marker
- Table
- Form
- Embed
div 标签
为什么使用 div 标签
<div>标签可以将网页分割成不同的、清晰的、独立的局部模块，然后在不同的模块中添加内容。 这样使网页布局结构更加清晰，代码更加独立，代码修改时能尽量少地影响到整体页面， 所以在网页开发中提倡使用<div>标签。
div 标签使用及常用属性
下面讲一下 <div>标签的使用：
<div id="left" class = "left_css"> <p>左侧栏</p></div>
- id: 用于标识
<div>块（即<div>标签的名字） - class: 修饰
<div>块的css样式组
<div>图层定义常见的属性设置：
- position:绝对定位和相对定位 (
abosolute,relative) - height:
<div>模块的高度 - width:
<div>模块的宽度 - left:相对于窗口左边的位置
- top:相对于窗口上边的位置
section 标签
为什么使用"section"
网页中一些描述性模块一般会区分标题、段落、导航、侧边栏等展示给用户，虽然我们有了div布局页面，但为了使我们更加清晰更加准确地根据不同的需求进行页面布局，html5引进了一些具有特殊意义的"section"标签，这就需要我们对这些有意义的"section"进行学习。
<h>标签的学习与使用
六种H标签，分别为h1，h2，h3，h4，h5，h6
H标签设置文字模块的标题，不同级别的标题，使用不同的h标签，<h1>标签级别最高。每一对H标签将其里面的内容作为一个独立的模块。如下为H标签的使用：
<h1>我是H1</h1>
<h2>我是H2</h2>
<h3>我是H3</h3>
<h4>我是H4</h4>
<h5>我是H5</h5>
<h6>我是H6</h6>
对应的效果如下：
<h1>我是H1</h1>
<h2>我是H2</h2>
<h3>我是H3</h3>
<h4>我是H4</h4>
<h5>我是H5</h5>
<h6>我是H6</h6>
网页中的<section>和<article>标签
<section>顾名思义就是一个章节，它适用于对文档进行分块，将文档划分为章节（常用语修饰文档大纲），或者对一篇文章进行分块，将整篇文章分成不同的内容块。
<section>一般包含h1~h6中的标题元素。
<article>标签是特殊的<section>标签，与section不同，<article>标签是将文档或文章中的内容划分为相对独立的模块（如，将整本书的内容划分成多篇文章，或者将一篇文章划分成相对独立的不同的小结等），当然，我们所说的独立是指同一级别的article标签中的内容是相互独立的，所以一般在article标签内一般包含header和footer标签。
网友评论