<div>可定义文档中的分区或节（division/section）。<div>标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。
<div>元素是块级元素，它是可用于组合其他 HTML 元素的容器。<div>元素没有特定的含义。 除此之外，由于它属于块级元素，浏览器会在其前后显示折行。如果与 CSS 一同使用，<div>元素可用于对大的内容块设置样式属性。
<div>元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。 使用 <table>元素进行文档布局不是表格的正确用法。<table>元素的作用是显示表格化的数据。
<span>标签被用来组合文档中的行内元素。
<span>元素是内联元素，可用作文本的容器。<span>元素也没有特定的含义。 当与 CSS 一同使用时，<span>元素可用于为部分文本设置样式属性。
HTML5 提供的新语义元素定义了网页的不同部分。
header元素：定义文档或节的页眉。
footer元素：定义文档或节的页脚。
nav元素：定义导航链接的容器。
section 元素：定义文档中的节。
article 元素：定义独立的自包含文章。
summary 元素：定义 details 元素的标题。
aside 元素：定义内容之外的内容（比如侧栏）。
示列：
<table>元素不是作为布局工具而设计的。<table>元素的作用是显示表格化的数据。 使用 <table>元素能够取得布局效果，因为能够通过 CSS 设置表格元素的样式。
优势：
劣势：
尽管div + css布局具有一定的优势，不过现阶段div + css网站建设存在的问题也比较明显，主要表现在：
优点：
缺点：
html 样式 :一般使用 css 来渲染HTML元素标签的样式.
一般有四种方法实现
1 行内样式
在HTML标签中直接用style添加 , 最直接,同时修改也很不方便 一般呢都不建议使用
如下
<!--行内样式-->
<h1 style="font-family: '微软雅黑'color:red">非常感谢曾经帮助过我的人,使得自己的技术有了很大的提升</h1>
2 内嵌样式
将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中
3 连接样式
将一个.css 样式文件导入 head 中
使用先创建一个.css文件 然后用link 导入在head标签中
例如
<link href="css/me.css" type="text/css" rel="stylesheet"/>
4 导入样式
使用@import 将.css文件样式引入在style中 ,改变样式
导入式会在整个网页装载完后再装载CSS文件，因此这就导致了一个问题，如果网页比较大则会儿出现先显示无样式的页面，闪烁一下之后，再出现网页的样式。这是导入式固有的一个缺陷。
导入样式有很多写法,可以导入文件路径引用或者 url
如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。有两种使用方法：
方法1：
<label for="userName">用户名：</label><input type="text" id="userName"/>
方法2：
<label>用户名：<input type="text"/></label>
当在单选或多选里使用时，还会出现一种视觉效果，这也是一种友好的方式。
<label><input type="radio" />性别</label>
在HTML里，每一种HTML标签都有自己的意义，在做页面的时候选择适合的标签，少使用DIV，Span这些无语义的标签，只有在无法确定使用什么标签才使用DIV。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）