2019-12-26发表2020-08-23更新learning / HTML&&CSS5 分钟读完 (大约687个字)

HTML5 与 CSS3 基础教程（第8版）

前言

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

HTML5（W3C）
http://www.w3.org/TR/html5/
HTML5.1（W3C）
http://www.w3.org/TR/html51/
开发中的 HTML 标准（WHATWG）
http://www.whatwg.org/specs/web-apps/current-work/multipage/

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

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

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）。

<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种基本颜色

HTML5 Boilerplate 从入门到实践

HTML5 Boilerplate 简介

HTML5 与 CSS3 基础教程（第8版）

前言

链接

分类

归档

标签

订阅更新

最新文章