首页 > 其他 > 详细

页面重构基础(一)

时间:2015-12-07 22:23:08      阅读:227      评论:0      收藏:0      [点我收藏+]

1.什么是HTML

a) HTML是超文本标记语言,目的是“建设网页,或网页中显示的信息”。HTML用来结构化信息,比如段落、标题等标签。

b) HTML文件的后缀名是.html,不过现在有其他的后缀名也可以显示成网页,比如.jsp,.php

2.HTML发展历程

a) HTML最初语法并不严格,经过逐渐发展,渐渐成为国际标准,有W3C来维护。

b) 1999年,W3C推出HTML4.01版本。

c) 在2014年9月30日推出了HTML5,添加了动画、视频等功能,减少了浏览器对flash的需要。希望大家不要说H5,而是用HTML5。

3.XHTML发展历程

a) 是基于XML和HTML发展的语法模式,语法规则较为严格

b) 在2000年首次发布

c) 目前是XHTML5版本,基于HTML5。

4.编码与文档类型

a) 编码利用<meta>命令,目前HTML5,只需要写“<meta charset=”utf-8”>”

b) <!DOCTYPE>:这是个声明,告诉浏览器这是什么HTML版本,目前的HTML5只需写<!DOCTYPE>,HTML4.1需要在其中另加信息。

5.HTML字符实体

a) 在HTML中有些字符是预留的,比如<>。所以需要用字符实体来显示我们需要的字符。

b) 常用:<:<   >:>  &:&  空格:    “:"  

6.HTML标签语法

a) 都是用<>括起来的,大多数都是成对出现,比如<body></body>;不成对出现的有<input />

b) 标签的大小写无关,但推荐全部用小写。

7.HTML注释

a) 注释部分不会在页面中显示,用“<!--文本-->”格式

8.元素类型

a) 有块元素,内联元素和可变元素

b) 可变元素可根据上下文语境来决定他是块元素还是内联元素。有<button>、<object>、<map>

9.块元素与行内元素

a) 块元素会在新行显示,独占一行。可以加宽高,一般用margin,float来布局。常见块元素:<div>、<form>、<td/tr>、<p>、<h1>、<ul>、HTML5的语义化标签

b) 行内元素会跟随在上一个元素后面,不会另起一行。加宽高无效,可以在他的父元素加text-align来布局。常见元素:<span>、<a>、<em>、<strong>、<input>、<img>(通常会转成块级元素,定义宽高)、<textarea>

c) 可以通过display:block/inline/inline-block。Inline-block的元素是以内联的方式呈现,但可以定义宽高。

10.常见标签

a) <form> 表单、<p> 段落、<ul>  列表

b) HTML5:<header>、<footer>、<aside>、<nav>

 

页面重构基础(一)

原文:http://www.cnblogs.com/threehxhot/p/5027620.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!