前端开发工程师 - 01.页面制作 - 第3章.HTML

第3章--HTML

HTML简介

Hyper Text Markup Language:超文本标记语言--用于标记网页的内容

history:

html(1991)雏形 -> html4.01(1999) -> w3c:xhtml1.0(2000)-xhtml2.0(2005) 但xhtml不被浏览器厂商看好

w3c也意识到xhtml的方向不对,于是跟厂商合作推出html5草案 -> html5(2014正式发布)

HTML文档:

HTML文档声明:首行、顶格 告诉浏览器如何解析文档:html5--

HTML文档头部:

描述文档的基本属性

需放在第一行,otherwise之前的内容可能会乱码

...

基本信息,content的内容一般是给搜索引擎用的

:对移动端的浏览器才有效果,设置宽高、缩放等

:在title前的图标处显示

:引入css样式文件

:直接引入css样式

HTML文档主体:见下

 

HTML标签

语法:闭合 (有的是自闭合);可包含一个或多个属性值;可嵌套;注释

书写规范 name convention:标签和属性名:小写;属性值:双引号;嵌套:缩进

常用属性:

id:规定了元素的id (unique)

class:规定了元素的类名,页面中具有统一的样式或功能的元素可归为同一个类,供js和css使用

style:控制css样式,但将表现和样式混杂在一起,不利于后期维护。

title:规定了元素额外的信息,当鼠标停留在该元素上时会显示

标签:

文档章节:表示页面的章节结构

html5之前一般使用div标签分隔的

前端开发工程师 - 01.页面制作 - 第3章.HTML_第1张图片

页面内容的容器

页面头部、章节头部