当前位置:首页 > Web开发 > 正文

meta charset ="UTF-8" http-equiv ="Content-Type" content ="

2024-03-31 Web开发

标签:

HTML5和HTML4在根基语法上的区别? 1. 内容类型(ContentType)

HTML5中的文件扩展符仍然为".html" 或 ".htm",内容类型仍然为"text/html"。

2. DOCTYPE声明

HTML4:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w">

HTML5:

<!DOCTYPE html>

//当使用工具时,也可以在DOCTYPE声明方法中插手SYSSTEM识别符,声明要领如下:

<!DOCTYPE HTML SYSTEM "about:legacy-compat">

3. 指定的字符编码

HTML4中使用meta元素的形式指定文件中的字符编码,如下所示:

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

HTML5中,可以使用<meta>元素直接追加charsetd属性的方法来指定字符编码,如下所示:

<meta charset="UTF-8">

这2种方法都有效,也可以用前一种方法,但是不能同时混用,下面这种方法是错误的。

<meta charset="UTF-8" http-equiv="Content-Type" content="text/html;charset=UTF-8">

HTML5中新增元素 新增与布局相关的元素

section元素暗示页面中一个内容区块,<section>...</section>,HTML4中代码示例<div>...</div>。

article元素暗示页面中一块与上下文不相关的独立内容,<article>...</article>,HTML4中代码示例<div>...</div>。

aside元素暗示article元素的内容之外的、与article元素的内容相关的帮助信息。<aside>...</aside>,HTML4中代码示例<div>...</div>。

header元素暗示页面中一个内容区块或整个页面的标题。<header>...</header>,HTML4中代码示例<div>...</div>。

hgroup元素用于对整个页面或页面中一个内容区块的标题进行组合。<hgroup></hgroup>,HTML4中代码示例<div>...</div>。

footer元素暗示整个页面或页面中一个内容区块的脚注。一般来说,它会包罗创作者的姓名、创作日期以及创作者联系信息。<footer></footer>,HTML4中代码示例<div>...</div>。

nav元素暗示页面中导航链接的部分,<nav></nav>,HTML4中代码示例<ul>...</ul>。

figure元素暗示一段独立的流内容,一般暗示文档主体流内容的一个独立单元,使用figcaption元素为figure元素添加标题。

<figure> <figcaption>/...</figucaption> <p>...</p> </figure> //HTML4中的代码示例 <dl> <h1>...</h1> <p>...</p> </dl> 其他元素

video元素,界说视频,好比影戏片段或其他视频流。

//HTML5中代码示例 <video src="movie.ogg" controls="controls">video元素</video> //HTML4中代码示例 <objext type="video/ogg" data="movie.ogg"> <param name="src" value="movie.ogg"> </object>

audio元素,audio元素界说音频,好比音乐或其他音频流。

//HTML5中代码示例 <audio src="movie.wav">video元素</audio> //HTML4中代码示例 <objext type="application/ogg" data="movie.wav"> <param name="src" value="movie.wav"> </object>

embed元素, embed元素用来插入各类多媒体,格局可以是Midi、Wav、AIFF、AU、MP3等。

//HTML5中代码示例 <embed src="movie.wav" /> //HTML4中代码示例 <objext type="application/x-shockwave-flash" data="movie.wav"></object>

mark元素主要用来在视觉上向用户泛起那些需要突出显示或高亮显示的文字。范例就是在搜索功效中向用户高亮显示搜索关键词。

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/31371.html