html5html标签,HTML5常用标签

html5新增标签都有哪些

html5新增标签大致如下：

为那曲等地区用户提供了全套网页设计制作服务，及那曲网站建设行业解决方案。主营业务为成都做网站、网站制作、成都外贸网站建设、那曲网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

canvas 新元素

canvas    标签定义图形，比如图表和其他图像。该标签基于 JavaScript 的绘图 API 

新多媒体元素

audio    定义音频内容  

video    定义视频（video 或者 movie）  

source    定义多媒体资源 video 和 audio  

embed    定义嵌入的内容，比如插件。  

track    为诸如 video 和 audio 元素之类的媒介规定外部文本轨道。 

新表单元素

datalist    定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。  

keygen    规定用于表单的密钥对生成器字段。  

output    定义不同类型的输出，比如脚本的输出。 

新的语义和结构元素

HTML5提供了新的元素来创建更好的页面结构：

article    定义页面独立的内容区域。  

aside    定义页面的侧边栏内容。  

bdi    允许您设置一段文本，使其脱离其父元素的文本方向设置。  

command    定义命令按钮，比如单选按钮、复选框或按钮  

details    用于描述文档或文档某个部分的细节  

dialog    定义对话框，比如提示框  

summary    标签包含 details 元素的标题  

figure    规定独立的流内容（图像、图表、照片、代码等等）。  

figcaption    定义 figure 元素的标题  

footer    定义 section 或 document 的页脚。  

header    定义了文档的头部区域  

mark    定义带有记号的文本。  

meter    定义度量衡。仅用于已知最大和最小值的度量。  

nav    定义导航链接的部分。  

progress    定义任何类型的任务的进度。  

ruby    定义 ruby 注释（中文注音或字符）。  

rt    定义字符（中文注音或字符）的解释或发音。  

rp    在 ruby 注释中使用，定义不支持 ruby 元素的浏览器所显示的内容。  

section    定义文档中的节（section、区段）。  

time    定义日期或时间。  

wbr    规定在文本中的何处适合添加换行符。  

初学者建议多访问下菜鸟教程：网页链接，都是比较全面的基础知识，可以看做编程词典，即使老司机也经常去查一些资料。

Html5新增的标签有哪些？

新增的结构标签：

1、header元素

表示页面中一个内容区块或真个页面的标题。

2、hgroup元素

表示对真个页面或页面中的一个内容区块的标题进行组合。

3、article元素 

表示页面中一块与上下文不相关的独立内容。比如一篇文章。

4、aside元素

表示article元素内容之外的、与article元素内容相关的辅助信息。

5、footer元素

表示整个页面或页面中一个内容区块的脚注。一般来说，他会包含创作者的姓名、创作日期以及创作者的联系信息。

HTML5新规则：

新特性应该基于 HTML、CSS、DOM 以及 JavaScript。 减少对外部插件的需求（比如 Flash），更优秀的错误处理，更多取代脚本的标记，HTML5 应该独立于设备开发进程应对公众透明 ;

HTML5 新特性：

新的特殊内容元素，比如 article、footer等，新的表单控件，比如 calendar、date、time、email、url、search；用于媒介回放的 video 和 audio 元素；用于绘画的 canvas 元素 

对本地离线存储的更好的支持。

html5新增标签有哪些

html5新增标签如下：

1、结构性标记结构性标记主要用来对页面结构进行划分，就像在设计网页时将页面分为导航、内容部分、页脚等，确保HTML文档的完整性。

2、多媒体标记多媒体标记主要解决了以往通过Flash等进行视频的一些展示，新增的标记使HTML功能变得更加强大了。

3、表单标记表单标记主要用于功能性的内容表达，会有一定的内容和数据的关联。

html5的意义及应用。

在HTML页面中，带有“ ”符号的元素被称为HTML标签，如上面提到的 HTML、head、body都是HTML标签。所谓标签就是放在“ ” 标签符中表示某个功能的编码命令，称为HTML标签。

该语法中“标签名”表示该标签的作用开始，一般称为“开始标签（start tag）”，“/标签名” 表示该标签的作用结束，一般称为“结束标签（end tag）”。和开始标签相比，结束标签只是在前面加了一个关闭符“/”。

怎么区分html5和html的标签

1、在文档类型声明上

html:

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

"

html xmlns=""

HTML5:

!DOCTYPE html

由这两者对比可见：在文档声明上，html有很长的一段代码，并且很难记住这段代码，想必很多人都是靠工具直接生成的吧，而html5却是不同，只有简简单单的声明，这也方便人们的记忆，更加精简。

2、在结构语义上

html4.0：没有体现结构语义化的标签，通常都是这样来命名的

div id="header"/div

html5：在语义上却有很大的优势。提供了一些新的html5标签，比如:

header 、nav、article、aside、footer

html5常用标记总结

一、文本标签

1.1 标题标记：hn align=”对齐方式”标题文本/hn

注意：

1.标题准备了h1----h6的标题，按照字号依次递减(块级元素)

2.align表示对齐方式，其值为left,center,right

1.2 字体标记：font face=”字体名称” size=”字号” color=”字体颜色” 文字/font

注意：中文网页以黑体，宋体，3号字的效果显示

1.3 段落标记：p align=”对齐方式” 段落内容/p

注意：p可以作为单标记或双标记：

单标记：段落与上文产生一个空行的间距。

双标记：段落与上下文之间产生一个空行的间距

1.4 换行标记：

注意：br /表示换行，多次换行多次使用br /

1.5 预格式化标记：pre...../pre

注意：预格式化标记可将空格、制表符、回车符等忽略

1.6 转义字符：转义字符让特殊字符显示出来。

语法：实体名称;

二、列表标记

2.1 无序列表

ul type=”列表项的标签符”

li项目一/li

li项目二/li

li项目三/li

......

/ul

注意： type表示了项目符号：

disc(默认) 实心圆

circle：空心圆

square：实心方块

2.2 有序列表：

ol type=”列表项的标记符” start=”起始值”

li项目一/li

li项目二/li

li项目三/li

......

/ol

注意：1. 1:1,2,3,.......

a:a,b,c,d,e.......

A:A,B,C,D,E.......

i:i,ii,iii,iv......

I:I,II,III,IV......

2.start表示起始值,从第几个数开始计算

2.3 嵌套排列

ol type="1"

lih/li

lit/li

ul type="disc"

lim/li

lil/li

/ul

li5/li

/ol

2.4 分割线标记：hr align=”对齐方式” size=”水平线高度” width=”水平线宽度”

color=”水平线颜色”

三、超链接标记

3.1 文本链接：a href=”目标URL” target=”目标窗口”指针文本/a

注意： 1.href表示文本链接的目标资源的URL

绝对地址和相对地址

绝对地址：在任何情况下都可以找到的地址（例如：网址）

相对地址：必须知道当前所在，才能找到（../表示上一级目录，/表示下级目录）例子：../img/baidu.jpg 表示在当前位置的上一层目录下的img文件夹中的baidu.jpg 文件。

3.2 图片标记：img src=”图片文件路径” alt=”提示文本” height=”图片高度” width=”图片宽度”/

3.3 多媒体标记

3.3.1 滚动字幕标记：marquee可以实现文字或图片的跑马灯效果

marquee..../marquee

marquee的属性：

behavior 指定了跑马灯的效果：scroll(滚动)、slide(滑动)、alternate(交替)

bgcolor:跑马灯的背景颜色

direction:跑马灯的移动方向，left（左）、right(右)、up(上)、down(下)

scrolldelay:每次移动的延迟时间，单位毫秒

loop:跑马灯运行次数，-1表示无限循环

height、width

hspace:左右空白宽度

vspace:上下空白宽度

3.3.2 嵌入音乐文件

audio src=”文件地址” 提示文字/audio

3.3.3 嵌入视频文件

video src=”视频文件地址” controls=”controls”提示文字/video

四、表格

4.1 表格基本语法：

table

tr

......

td单元格内容/td

......

/tr

/table

注意：

table:声明一个表格对象

tr:声明一行

td:声明一个单元格

4.2 表格的基本属性

1.align 对齐方式：left、center、right

2.border:表格边框

3.bordercolor:边框颜色

4.bgcolor:表格背景颜色

5.background:背景图片

6.height、width

4.3 单元格合并

1.rowspan:所跨的行数

2.colspan:所跨的列数

五、表单

5.1 表单标签：form action=”URL” method=”get|post” target=”...”/form

注意：form：该标记中包含的数据将被提交到服务器或者电子邮件中

action:指定服务器端处理提交表单信息的程序是什么。URL地址或电子邮件地址

method:get/post:数据传输到服务器的传递方法

target:服务器返回文档结果的显示位置：_blank:在新的浏览器窗口中打开

_self:在当前浏览器中显示

5.2 表单标记

5.2.1 input标签：input type=”类型” name=”服务器 获取用户输入信息的名字” value=”初始值”

注意：1.type类型（输入类型）:

1. text:单行文本框

2. password:密码输入框

3. radio:单选按钮 checked表示默认

4. checkbox:复选框 checked表示默认

5. submit:提交按钮

6. reset:重置按钮

7. button:普通按钮

2.maxlength：输入的最大长度

5.2.2 select标签

select name=”” size=”” multiple

option value=”选项1” 选项1

.......

option value=”选项n” 选项n

/select

注意：name:服务器 获取用户输入信息的名字

value ：初始值

option：下拉框的内容

multiple:多选，若没有multiple则是单选

selected:表示默认选项

size:表示长度

5.2.3 textarea 标签：textarea name=”...” cols=”...” rows=”...” wrap=”off/virtual/physical”

/textarea

注意: name：多行文本框的名称

cols：一行可容纳的字符数

rows：表示可显示额的行数

wrap:virtual和phycal控制自动换行