HTML5基本标签的使用

第一次写这种东西，肯定存在许多不足之处，还望大家多多担待，我会继续加油的！我也是一名HTML5的初学者，只是将这几周在课堂上所听到的东西分享给大家。

下面给大家介绍一下H5的基本标签吧！

1、<!DOCTYPE html>

HTML的文档类型声明：声明这个文件是HTML5文件，让浏览器按照HTML5的标准对代码进行解释执行。

要注意的是：文档声明在HTML文件中，必须要有，而且必须写在文件最上方。如果不写文档类型声明，浏览器会默认按照兼容模式运行，可能会出现不明BUG。（这个东西在HBuilder中一般都会直接给出，不用自己写）

2、<head></head>标签

作用：用于描述网页的一些关键信息。比如网页的配置、设置、关键字等等。。。这些信息，大多在浏览器看不到，但是对网页的解析至关重要！

3、<meta charset="utf-8" />

作用：设置网页的字符集编码格式为UTF-8格式。

常见的字符编码格式：

（1）、GB2312:国标码，简体中文的编码格式；

（2）、GBK：扩展的国标码，比国标码多了更多的编码格式，简体中文；

（3）、UTF-8:万国码，可以兼容绝大多数语言的编码。（这个是我们经常用的一种编码格式）

时间： 2024-10-17 03:21:45

HTML5基本标签的使用的相关文章

Html5新增标签的学习。

随笔,记录的比较随便. 今天新学习了9个标签. <audio> 简单的说就是一个音频标签,他的主要常用属性有src=""音频的路径 controls="controls" 控制参数,他就是可以让其在页面显示一个播放器的效果autoplay="autoplay"自动播放属性 loop="loop"循环次数 <video>同audio标签一样.是一个视频标签.主要常用的属性同上面一样 <datalis

html5 audio 标签属性

src:String型,所播放音频的 url. autoplay:值为autoplay,如果出现该属性,则音频在就绪后马上播放. controls:值为controls,如果出现该属性,则向用户显示控件,比如播放按钮. loop:值为loop,如果出现该属性,则每当音频结束时重新开始播放. audio 有几个事件: onended:当媒介已抵达结尾时运行脚本,也就是当前歌曲播放完了,这里的"媒介"是指audio标签. onloadstart:当浏览器开始加载媒介数据时

如何处理HTML5新标签的兼容性问题

支持HTML5新标签: * IE8/IE7/IE6支持通过document.createElement方法产生的标签, 可以利用这一特性让这些浏览器支持HTML5新标签, 浏览器支持新标签后,还需要添加标签默认的样式: * 当然最好的方式是直接使用成熟的框架.使用最多的是html5shim框架 <!--[if lt IE 9]> <script> src="http://html5shim.googlecode.com/svn/trunk/html5.js"&l

如何让旧浏览器支持HTML5新标签

HTML5出现也不短了,很多网站的页面都进行了改版,为了降低代码量(不需要起太多的类名),提升加载速度,提高标签的语义性,因此,在网页中大量使用了section,article,header等HTML5标签.自己最近在写响应式布局的范例,里面也使用到了header等标签.还是比较希望能够做成兼容“旧版浏览器”的,在此和大家共享一下,如何让旧浏览器支持HTML5新增标签. 书写的基本的HTML代码: 1 <!doctype html> 2 <html> 3 <head>

HTML5系列-标签级介绍

html5这个相信已经被嚼烂了!一提到ht5大家就会想到: 1.新的布局标签(nav.footer.section.artile.input的新类型等) 2.新功能标签(video.audio.canvas.svg等) 3.离线缓存,本地存储等我了解到的做了简单分类,针对我们的ht5: 标签级:(我们主要了解部分) 一.section.nav布局标签等(优化布局处理)二.canvas(画布绘制)三.audio/video(音频视频播放)四.svg(可伸缩的矢量标记绘图)五.新表单(颜色,日历等

HTML5 <details> 标签

HTML5 中新增的<details>标签允许用户创建一个可展开折叠的元件,让一段文字或标题包含一些隐藏的信息. 用法一般情况下,details用来对显示在页面的内容做进一步骤解释.其展现出来的效果和jQuery手风琴插件差不多. 其大致写法如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 <details> <summary>Google Nexus 6</summary> <p>商品详情:</p> <

[HTML5]3D标签云

index.html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>3D标签云</title> <link rel="stylesheet" type="text/css" href="http://webapplee-

HTML5新标签解释及其使用场景

我们来看一下HTML 5提供的一些新的标签用法和HTML 4的区别 <article> 标签定义外部的内容.比如来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本,亦或是来自其他外部源内容.HTML5:<article></article>HTML4:<div></div> <aside> 标签定义 article 以外的内容:aside 的内容应该与 article 的内容相关.HTML5:&l

HTML5 语义标签使用详解

在 HTML5 出来之前,我们用 div 来表示页面章节,但是这些 div 都没有实际意义.(即使我们用 css 样式的 id 和 class 来形容这块内容的意义).这些标签只是我们提供给浏览器的指令,只是定义一个网页的某些部分.但现在,那些之前没“意义”的标签因为 html5 的出现而消失了,这就是我们平时所说的“语义”. 如上图那个页面结构没有使用一个 div,都是采用 html5 语义标签(用哪些标签,关键取决于你的设计目标).但是也不要因为 html5 新标签的出现,而随意用之,错误的

html5新增标签progress

首先,请允许我在这里先表达一下对张鑫旭这位大牛的尊重之情,在学progress的时候,在他的网站上学到了很多我们会忽略的事情,也找到了自己的困惑的答案~~ 推荐给大家:http://www.zhangxinxu.com/wordpress/2013/02/html5-progress-element-style-control/comment-page-1/#comment-169478 参考网站:http://www.w3.org/TR/html5/forms.html#the-progres