HTML5 新标签

<article> 标记定义一篇文章

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

<audio> 标记定义音频内容

<canvas> 标记定义图片

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

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

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

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

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

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

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

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

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

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

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

<meter> 标记定义 measurement within a

predefined range

<nav> 标记定义导航链接

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

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

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

<rt> 标记定义对ruby

annotations的解释

<ruby> 标记定义 ruby annotations.

<section> 标记定义一个区域

<source> 标记定义媒体资源

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

<video> 标记定义一个视频

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

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

<acronym> 标记定义 an acronym.

<applet> 标记定义 an embedded applet.

<basefont> tag specifies a default

font-color, font-size, or font-family for all the text in a document.

<big> tag is used to format the text one

size bigger, and can be in relation to your <font> or

<basefont> size, if you’ve specified either one.

<center> tag is used to center text.

<dir> tag is used to list directory titles.

<font> tag specifies the font face, font

size, and font color of text.

<frame> 标记定义 one particular window

(frame)within a frameset.

<frameset> 标记定义 a frameset. The

frameset element holds two or more frame elements. Each frame element

holds a separate document.

<s> and <strike> tags

define strikethrough text.

<tt> tag is used for “typetype” text, or

fixed-width typewriter-type font. Other than the different type style,

it has normal font characteristics

<u> tag is used to underline text.

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

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

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

 

原文地址:https://www.cnblogs.com/suizhikuo/p/2403340.html