HTML5 与 CSS3 基础教程(第8版)

前言

W3C 与 WHATWG
如果你想仔细查看这些规范(推荐你这样做),可访问下面列出的这些规范最新版本的网址。

CSS 的规范
http:// www.w3.org/standards/techs/css#w3c_all。

HTML4 和 HTML5 的区别
http:// www.w3.org/TR/html5-diff

1
2
3
4
5
6
Doctype
HTML语法要求指定doctype,以确保浏览器以标准模式呈现页面。该文档类型没有其他用途。[DOCTYPE]
HTML语法的doctype声明<!DOCTYPE html>不区分大小写。HTML早期版本中的文档类型更长,因为HTML语言基于SGML,因此需要引用DTD。情况不再如此,仅需要doctype才能为使用HTML语法编写的文档启用标准模式。浏览器已经为此执行了操作 <!DOCTYPE html>。
为了支持无法生成首选的简短doctype的旧式标记生成器,<!DOCTYPE html SYSTEM "about:legacy-compat">HTML语法中允许使用doctype 。
HTML语法中也允许(但不鼓励使用)用于HTML 4.0,HTML 4.01,XHTML 1.0以及XHTML 1.1的严格doctype。
在XML语法中,可以使用任何doctype声明,也可以将其完全省略。具有XML媒体类型的文档始终以标准模式处理。

CSS3 变换、动画和过渡效果。要了解更多 信息,参见 www.htmlcssvqs.com/resources/。
CSS3 中新的布局模型,如 FlexBox、Grid 等。这些技术致力于改变我们对页面进行 布局的方法(前提是规范进一步发展, 浏览器的支持程度更高一些)。参见 Zoe Mickley Gillenwater 的演示文档(www. slideshare.net/zomigi/css3-layout)和 Peter Gasston 的文章(www.netmagazine.com/ features/pros-guide-css-layouts)。

1
2
3
4
5
6
7
8
9
10
11
<header class="masthead" role="banner">
...
<nav role="navigation">
<ul class="nav-main">
<li><a href="/" class="current- ➝ page">Home</a></li>
<li><a href="/about/">About</a></li>
<li><a href="/contact/">Contact ➝ </a></li>
</ul>
</nav>
...
</header>

Bootstrap 上

1
2
3
<div class="alert alert-primary" role="alert">
A simple primary alert—check it out!
</div>

html 里面的 role 本质上是增强语义性,当现有的 HTML 标签不能充分表达语义性的时候,就可以借助 role 来说明。通常这种情况出现在一些自定义的组件上,这样可增强组件的可访问性、可用性和可交互性。
role 的作用是描述一个非标准的 tag 的实际作用。比如用 div 做 button,那么设置 div 的 role=“button”,辅助工具就可以认出这实际上是个 button。
(这段解释来自于https://blog.csdn.net/mxk4869/article/details/88944927)

本书主页:www.htmlcssvqs.com/
16种基本颜色

You need to set client_id and slot_id to show this AD unit. Please set it in _config.yml.