HTML5公司笔记

HTML5核心规范定义用以标记内容的元素，并明确其含义

CSS（层叠样式表）可用于控制标记过的内容呈现在用户面前的外貌

JavaScript可以用来操纵HTML文档的内容以及响应用户的操作(对于HTML5新增元素的一些为编程目的设计的特性也需要用到)

HTML元素

元素是一种用来向浏览器说明文档内容的工具。其效果体现在内容上。不同的元素有不同的确切含义

元素名不区分大小写

例:<code>内容</code>（code元素是语义元素的一个例子）

语义元素可以用来说明内容的含义以及内容的不同部分之间的关系

空元素

元素的开始和结束标签之间并非一定要有内容，没有内容的元素称为空元素

有些元素为空时没有意思，但也是有效的HTML代码

空元素可以更简洁的只用一个标签表示(<code/>)

 

虚元素

有些元素只能使用一个标签表示，在其中放置任何内容都不符合HTML规范

表示方法：1. 只使用开始标签

  2. 同空元素一致

元素摘要：

a  生成超链接

body 表示HTML文档的内容

button 生成用以提交表单的按钮

code 表示计算机代码片段

DOCTYPE 表示HTML文档的开始

head 表示HTML文档的头部区域

hr 表示主题的改变

html 表示文档的HTML部分

input 表示用户输入的数据

label 生成另一元素的说明标签

p 表示段落

style 表示CSS样式

table 表示用表格组织的数据

td 表示表格单元格

textarea 生成用于获取用户输入数据的多行文本框

th 生成表头单元格

title 表示HTML文档的标题

tr 表示表格行

元素属性:

属性只能用在开始标签或者单个标签上，不能用于结束标签

例： I like <a href="http://www.baidu.com">  apples</a>and oranges

双引号和单引号都可以界定属性值，如果属性值本身含有引号，那么两种引号都要用到

一个元素可以应用多个属性，属性间以一个或几个空格分隔，属性顺序无要求

 

布尔属性：不需要设定值，去需要将属性名添加到元素中即可（为布尔属性指定空字符串或属性名称字符串作为值效果等同不设值）

自定义属性：必须以data-开头

 

XHTML：是HTML和XML的序列化形式，也就是以符合XML规范的方式来表达文档的内容以及HTML元素和属性以便XML解析程序处理

 

外层结构：

HTML文档的外层结构由两个元素确定：DOCTYPE和html

DOCTYPE元素让浏览器明白其处理的是HTML文档

html元素让浏览器知道从此元素开始标签到此元素的结束标签，所有元素内容都应作为HTML处理

 

元数据：

HTML文档的元数据部分可以用来向浏览器提供文档的一些信息，元数据包含在head元素内部

head元素可包含用于说明HTML文档的元素，还能规定文档与外部资源（如CSS样式表）的关系，定义内嵌CSS样式，放置和载入脚本程序

 

注释：

注释以标签<!-- 开头，以-->结尾，浏览器会忽略这两个标签之间的一切内容