`
suizhikuo
  • 浏览: 28811 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

html5 新标签

 
阅读更多

<article>标记定义一篇文章

<aside>标记定义页面内容部分的侧边栏

<audio>标记定义音频内容

<canvas>标记定义图片

<command>标记定义一个命令按钮

<datalist>标记定义一个下拉列表

<details>标记定义一个元素的详细内容

<dialog>标记定义一个对话框(会话框)

<embed>标记定义外部的可交互的内容或插件

<figure>标记定义一组媒体内容以及它们的标题

<footer>标记定义一个页面或一个区域的底部

<header>标记定义一个页面或一个区域的头部

<hgroup>标记定义文件中一个区块的相关信息

<keygen>标记定义表单里一个生成的键值

<mark>标记定义有标记的文本

<meter>标记定义measurementwithina

predefinedrange

<nav>标记定义导航链接

<output>标记定义一些输出类型

<progress>标记定义任务的过程

<rp>标记是用在Rubyannotations告诉那些不支持Ruby元素的浏览器如何去显示

<rt>标记定义对ruby

annotations的解释

<ruby>标记定义rubyannotations.

<section>标记定义一个区域

<source>标记定义媒体资源

<time>标记定义一个日期/时间

<video>标记定义一个视频

HTML5的减负旧的标记,永别了

你是否很记得那个古老的年代,HTML3被当成一种只能在Netscape里运行的神奇的东西?是的,那就是互联网时代的黎明初现。我们当然不会忘记那段历史,但向一些优秀的却陈旧的东西说再见也是合乎情理的

<acronym>标记定义anacronym.

<applet>标记定义anembeddedapplet.

<basefont>tagspecifiesadefault

font-color,font-size,orfont-familyforallthetextinadocument.

<big>tagisusedtoformatthetextone

sizebigger,andcanbeinrelationtoyour<font>or

<basefont>size,ifyou’vespecifiedeitherone.

<center>tagisusedtocentertext.

<dir>tagisusedtolistdirectorytitles.

<font>tagspecifiesthefontface,font

size,andfontcoloroftext.

<frame>标记定义oneparticularwindow

(frame)withinaframeset.

<frameset>标记定义aframeset.The

framesetelementholdstwoormoreframeelements.Eachframeelement

holdsaseparatedocument.

<s>and<strike>tags

definestrikethroughtext.

<tt>tagisusedfor“typetype”text,or

fixed-widthtypewriter-typefont.Otherthanthedifferenttypestyle,

ithasnormalfontcharacteristics

<u>tagisusedtounderlinetext.

这些标记基本上都没有什么用处了(也许你会觉得有几个标记和HTML5里的新标记有些相似)。其中一些我们在早期的旧版的浏览器里使用过,但如今已经失去其作用,而另一些标记的功能已经被CSS功能所取代了(例如设置字体和文本样式的标记)。

关于<DIV>标记的重要问题

使用新标记替换掉<div>标记是HTML5在语义方面的主要成就。这<div>标记是HTML4里是一个重要的(现在仍是)的标记,在HTML里被广泛使用,但是它所表达的语义太弱,在声明网页组织结构里不同的区块的任务面前它毫无用武之地。新的HTML5标记例如<article>,<aside>,<nav>,<figure>,<header>,<footer>–会更有用和更方便,这些标记能够让你指明网页不同区域的用途,清楚的显示网站的结构。这意味着即使你是个新手或中等的程序员,仅依据HTML代码就能清楚的了解整个页面的结构更值得一提的是搜索引擎将会因为能如此方便的解析页面的结构而会高兴的发狂的。

分享到:
评论

相关推荐

    HTML5新标签

    HTML5 新标签 HTML5 中引入了许多新的标签,以取代旧的标签,并提供了更好的语义和结构。这些新标签可以让开发者更方便地组织网页结构,提高网页的可读性和可维护性。 1. 文章标签:`&lt;article&gt;` 标签定义了一篇...

    html5新标签兼容IE

    html5新标签兼容IE,解决IE低版本浏览器不兼容html5新标签

    处理HTML5新标签的浏览器兼容版问题

    HTML5规范毕竟是刚刚才定义完成的规范,还有一些浏览器并不能支持其中的新标签和新属性,尤其是IE8及以下版本浏览器。以下介绍一些在页面中使用HTML5新标签的实践方法,目的是让HTML5中的新标签在低级浏览器中也得到...

    【温故而知新】HTML5新标签canvas、MathML.md

    【温故而知新】HTML5新标签canvas、MathML

    H5 IE9及以下版本兼容h5新标签

    2. 引入HTML5shiv:HTML5shiv是一个JavaScript库,用于在IE6-9中模拟对HTML5新标签的支持。它通过创建这些新元素的CSS类来使它们可操作。 3. 使用条件注释:对于IE9及以下版本,可以使用条件注释来只在这些浏览器中...

    HTML5 新标签全部总汇(推荐)

    本文将详细介绍HTML5中的一些新标签及其用途。 1. `&lt;article&gt;` 标签:用于定义独立的内容,比如博客文章、新闻报道等。它强调了内容的自我包含性,有助于提高网页的可读性和可维护性。 2. `&lt;aside&gt;` 标签:通常...

    HTML5入门(css3+js api+html新标签)

    #### 二、HTML5 新标签与特性 ##### 1. Video 和 Audio 标签 - **Video 标签** 支持 Ogg、MP4 和 WebM 格式的视频播放,提供多种属性用于控制播放行为: - `autoplay`:自动播放视频。 - `controls`:显示播放...

    HTML5新标签兼容——&gt; &lt;!--&lt;if lt IE 9&gt;&lt;!endif--&gt; 的两种方法

    HTML5新标签兼容问题主要源于老版本的Internet Explorer(尤其是IE8及以下)浏览器不支持这些新引入的语义化标签,例如`&lt;article&gt;`, `&lt;section&gt;`, `&lt;header&gt;`, `&lt;footer&gt;`, `&lt;nav&gt;`等。这些标签在现代浏览器中能够...

    使不支持ie的标签支持ie——html5.js

    通过模拟或polyfill这些新特性,使得开发者能够在IE上使用现代的HTML5标签和功能。 HTML5引入的一些关键标签包括, , , , , , , 和等。这些元素提供了更语义化的网页结构,帮助搜索引擎更好地理解网页内容,同时也有...

    HTML5新标签兼容—— !–if lt IE 9!endif– 的两种方法

    如果是,它将遍历一个包含所有HTML5新标签的数组,使用`document.createElement`方法为每个新标签创建DOM元素,从而让这些标签在旧版IE中可用。 **总结** 这两种方法都能有效地解决HTML5新标签在IE9以下版本的兼容...

    Java程序员面试宝典视频课程之HTML5新标签、功能(十九)

    在本课程"Java程序员面试宝典视频课程之HTML5新标签、功能(十九)"中,主要关注的是HTML5的新特性,尤其是对于Java程序员在面试中可能会遇到的相关知识点。HTML5作为现代网页开发的标准,引入了许多创新,这些新...

    HTML5标签(chm版)

    此“HTML5标签(chm版)”压缩包提供了关于HTML5标签的详细信息,包括它们的用法和与HTML4的区别,这对于开发者来说是一个宝贵的资源。 HTML5的新标签主要包括结构性元素、表单控制元素以及多媒体支持元素等。结构性...

    html5api最新html标签

    在HTML5中,许多旧的标签被废弃,同时引入了一系列新的标签,以更好地帮助开发者结构化和语义化网页内容。 一、新引入的HTML标签 1. `&lt;article&gt;`:定义独立的内容,如博客文章、新闻报道或评论,可以独立于文档的...

    语义化标签兼容IE8以上文件

    语义化标签是HTML5中引入的一系列新特性,旨在提高网页内容的可读性和可访问性,同时优化搜索引擎优化(SEO)。这些标签为开发者提供了更精确的方式来描述页面内容,使得浏览器、屏幕阅读器和搜索引擎能更好地理解...

    HTML5 前端开发代码实例与项目资源合集

    一个简单的 HTML5 前端开发代码实例,展示了网页的基本布局、响应式设计以及一些常见 HTML5 标签的使用。 实现步骤: ... 使用 &lt;!...使用 header, nav, article, footer 等 HTML5 新标签结构化页面内容。

    html5基础标签(html5视频标签 html5新标签用法)

    HTML5是Web开发的最新标准,它引入了许多新的标签和特性,旨在使网页结构更加语义化和易于解析。在本文中,我们将深入探讨HTML5的基础标签,特别是视频标签和新引入的结构元素。 首先,HTML5声明变得更加简洁,只...

    IE7,IE8兼容H5标签

    3. html5shiv:html5shiv是一个小型的JavaScript库,专为了解决IE6-IE8不识别HTML5新标签的问题。它允许在这些老版本的IE浏览器中应用CSS样式到H5元素。 4. 使用jQuery或其他JavaScript框架:某些JavaScript框架如...

    Html5新标签解释及用法

    在讨论HTML5的新标签及其用法时,我们通常会提及几个特定的例子,这些例子凸显了HTML5的新特性及其与HTML4的区别: 1. 标签用于定义内容区域,它将内容视为独立、完整的一部分,可以是新闻文章、博客帖子、论坛帖子...

Global site tag (gtag.js) - Google Analytics