HTML5+CSS3-学习笔记0531

HappyAndy_Lo

226

收藏 2019-05-31

换了一本HTML5+CSS3书，再来一次学习，加深并巩固旧知识
从0开始学HTML5+CSS3--2016机械工业出版社胡晓霞编著

ch1.学习准备

chrome/firefox
HTML5 IDE开发工具：
Adobe Edge/ Adobe Dreamweaver CC / Adobe ColdFusion 10 / Sencha Architect 2 /Sencha Touch 2/
Dojo Foundation Maqetta / Visual Studio 2010 / JetBrains WebStorm 4.0 / Google Web Toolkit

HTML5是唯一一个能够在PC/Mac/iPhone/iPad/Android/Windows Phone平台运行的语言

语法：

1）字符编码：告诉浏览器应该使用哪种编码对文本进行存储或通过通信进行传递，使用<meta>元素指定字符编码
HTML4中语法 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
HTML5中 <meta charset="utf-8">

2）DOCTYPE文档类型
<!doctype html>

3)MathML与SVG
在HTML4中，对MathML和SVG，需要特定的标签，如<embed>，<object>，<iframe>等
在HTML5中，可内嵌在html文档中，如：
<body>
<svg> <circle r="80" cx="100" cy="100" fill="blue" /> </svg>
...

1.2.2新增与废除的元素和属性
HTML4中，与结构相关的元素主要使用<div>，并配合CSS样式进行页面布局，在HTML5中，可以直接使用各种主体结构元素进行布局，这些包括

新增：

<section>表示页面的一个内容区块
<article>表示页面一块独立内容
<aside>表示页面上<article>元素之外的，但是与<article>相关的辅助信息
<nav>页面中导航链接的部分