HTML5的新特性(1)

更新时间:2023-04-03 05:38:07 阅读：评论：0

html5是用于取代1999年所制定的 html 4.01 和 xhtml 1.0 入党积极分子评语标准的 html [1]（标准通用标记语言下的一个应用）标准版本；现在仍处于发展阶段，但大部分浏览器已经支持某些 html5 技术。

1. 新的文档类型声明
html4规定的三种文档类型声明：

xml/html code
复制内容到剪贴板

<!doctypehtmlpublic“-//w3c//dtdhtml4.01//en””http:/www.w3.org/tr/html4/strict.dtd”><!doctypehtmlpublic“-//w3c//dtdhtml4.01//en””http://www.w3.org/tr/html4/loo.dtd”><!doctypehtmlpublic“-//w3c//dtdhtml4.01//en””http://www.w3.org/tr/html4/framet.dtd”>

xhtml 1.0 规定的三种文档类型声明:

xml/html code
复制内容到剪贴板

<!doctypehtmlpublic“-//w3c//dtdxhtml1.0strict//en””/d/file/titlepic/spanpstrongxhtml 1.1文档严格定义类型，等同于xhtml1.0文档过渡定义类型

xml/html code
复制内容到剪贴板

<!doct腾讯qq解除手机绑定ypehtmlpublic“-//w3c//dtdxhtml1.1//en””http://www.w3.org/tr/xhtml11/dtd/xhtml1.dtd”>

html 5的文档类型声明

xml/html code
复制内容到剪贴板

<!doctypehtml>

2. script和link里不需要写type

xml/html code
复制内容到剪贴板

<linkrel=”stylesheet”href=”path/to/stylesheet.css”type=”text/css”/>==》<linkrel=”stylesheet”href=”path/to/stylesheet.css”/><scriptsrc=”path/to/script.js”type=”text/javascript”></script>==》<scriptsrc=”path/to/script.js”></script>

3. 语义化header和footer标签
在html4或xhtml里，我们定义网页的页眉或页脚时会这样：

xml/html code
复制内容到剪贴板

<divid=”header”>… </div>或 <divid=”footer”>… </div>

而在html5里有直接定义上面元素块的标签，可以使代码更加的简洁和语义化

xml/html code
复制内容到剪贴板

4. hgroup标签，它主要是表明标题的集合。如果有主标题、副标题，可以用这个来包裹一下。但是这个标签没什么大的用处，在最新的html5.1版中被废除了。我们如果想声明主标题和对应副标题说明，可以向下面这样。
使用标点符号分割，一般适合于文章标题，不太适合网站标题。

xml/html code
复制内容到剪贴板

使用span标签标注副标题说明

xml/html code
复制内容到剪贴板

使用header标签包裹标题和描述

xml/html code
复制内容到剪贴板

5. 标记元素 mark

xml/html code
复制内容到剪贴板

the<mark>elementreprentsarunoftextinonedocumentmarkedorhighlightedforreferencepurpos,duetoitsrelevanceinanothercontext.

可以把它当做高亮标签，被它包起来的字符以高亮显示。<mark>…</mark>
6. 图形元素figure
在html4或xhtml中，下面的这些代码被用来修饰图片的注释。

xml/html code
复制内容到剪贴板

<imgsrc=”path/to/image”alt=”abouti水资源总量mage”/><p>imageofflower</p>

上面代码并没有将文字和图片内存联系起来，不过html5添加的figure和figcaption组合可以为图文完美联系起来。

xml/html code
复制内容到剪贴板

<figure><imgsrc=”path/to/image”alt=”aboutimage”/><figcaption><p>beautifulflower</p><figcaption></figur保护眼睛的壁纸e>

7. 重新定义了small标签
html5里<small>标签将旁注呈现为小型文本，负责声明、注意事项、法律限制或版本声明的特征通常都是小型文本。
在html4或xhtml里已经定义过small，不过对它的使文艺冷僻的英文单词用却没有一个完整的说明。在html里，它主要用于网页下方的版本声明，邮箱等小型文本。
8.占位符 placeholder
在html4或xhtml里，如果我们想实现输入框为空时显示提示信息，输入框字段获得焦点时该提示消失的效果，只能用js写这种效果。而在html5添加的placeholder则直接实现了这种效果.
placeholder属性适用于以下的<input>类型：text,arch,url,telephone,email以及password.

xml/html code
复制内容到剪贴板

<inputplaceholder=”text”>

本文发布于:2023-04-03 05:37:50，感谢您对本站的认可！

本文链接：https://www.wtabcd.cn/fanwen/zuowen/3ac8e0379aab4f7d839b05c65dd7ec64.html

本文word下载地址：HTML5的新特性(1).doc

本文 PDF 下载地址：HTML5的新特性(1).pdf

上一篇：笔记本CPU主频是什么意思以及最高睿频又是什么意思

下一篇：返回列表