HTML5+CSS3-文档类型声明、新增标签

女爷i 2022-08-22 15:13 187阅读 0赞

H5+CSS3

1、 约等于HTML+CSS3+javascript+api(接口)

2、 新认识：

兼容性、实用性和用户优先

化繁为简

3、 文档类型声明：

<!doctypehtml>-------大写也可以

<html>

<head>

</head>

<body>

</body>

</html>

4、 新增标签：（结构标签、双标记）

（1）<article></article>定义文章，一块独立的内容

（2）<header></header>定义一个页面或者一块区域的头部

（3）<nav></nav>定义导航链接

（4）<section></section>定义一块区域（对内容进行分块）-通常和标题h1---h6结合使用

（5）<aside></aside>定义页面内部的侧边栏

注意：<article>和<section>区别：

<article>定义整块，<section>强调分块。这两者可以互相嵌套使用

5、 使用新标签的网站整体布局：

例子：

****

****

<imgsrc="image/bgheader.jpg">

<div class="title">个人<span>的BLOG</span></div>

</header>

** **

<nav>

<ul>

</ul>

</nav>

**         **

<p> 早上起来脑袋都昏沉，直到现在都是。</p>

</article>

****

<aside>

<ul>

<liclass="rNow"><a href="">日志</a></li>

</ul>

</aside>

</div>

****

版权归小鱼儿所有

<hr>

法律条文 联系我们 客户意见 商户合作

</footer>

</section>

6、 其他标签：

（1）<figqure></figqure>定义一组媒体内容及标题

（2）<figcaption></figcaption>定义figqure元素的标题（通常这两个联合使用）。例子：

<dl>

</dl>

</figqure>

（3）<hgroup></hgroup>定义文件一个区块的信息（和h1—h6标题结合使用）。例子：

</hgroup>

（4）<dialog></dialog>定义一对话框（和<dl><dt></dt><dd></dd></dl>一起使用）。例子：

</dialog>

（5）<mark></mark>突出显示或高亮显示的文字（默认显示黄的背景）--和h4中<span></span>效果一样。例子：

<mark>老师与学生的对话</mark>

（6）<details></details>表示点击获取更多信息，在中间加上<summary>标题</summary>配合使用；（兼容性不好）例子：

<p>如果您的计算机或网络受到防火墙或者代理服务器的保护，请确认 Firefox 已被授权访问网络。</p>

</details>

HTML5+CSS3-文档类型声明、新增标签

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 HTML5新增标签

相关 HTML5新增视频标签（HTML5）

相关 HTML5 CSS3 （动画/语义化标签/插件/HTML5新增API）

相关 HTML5新增标签

相关 html5 和css3 新增属性

相关 HTML DOCTYPE 标签 -- DTDs 文档类型声明

相关 HTML5中新增的标记,HTML5新增标签以及CSS3新增选择器

相关 HTML5+CSS3-文档类型声明、新增标签

相关 HTML5新增标签及CSS3新增属性

相关 html5新增标签