html_标签总结

Posted on |

html标签负责组织网页的内容的结构。

html是李爵士发明的。而且他利用http协议和html

html的常见版本

  • HTML 4.01
  • XHTML
  • HTML 5
  • HTML 5.1

在写一个页面之前一定要加上DOCTYPE。指定html的版本，以免浏览器进入怪异模式。新的网页都应该使用当前最新的版本，目前是html 5。
<!DOCTYPE html>可以指定html 5及其之后的版本。
XHTML(xml html)可以看作是HTML 4.01的严格版本。
HTML5 兼容XHTML和HTML 4.01
HTML5和H5(能运行在微信上的网页)没有关系
HTML5.1和HTML 5的区别可以看这个链接。

html 常用标签

以html5版本介绍。

html head body

一个简单的html页面。

1
2
3
4
5
6
7
8
<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
     编程开始。hello, world
  </body>
</html>

head和body是html的子标签。html，head和body标签都可以省略，title不可省略。可以节省html页面的大小。对于google这样访问非常多的网站是很有意义的。
所以一个极简页面可以是

1
2
3
<!DOCTYPE html>
<title>我的网页</title>
你好

google推荐这样的写法

其他语义标签

a anchor 锚点或者超链接
form 表单
input 用户输入
button 用户点击
h1 一集标题
p paragraph 段落
ul unordered list 无序列表
ol ordered list 有序列表
small 不重要内容
strong 加强内容
div divide 划分
span 横向划分，划分一行，例如标记一个单词
kbd 显示键盘按键
video 视频
audio 音频
svg Scalable Vector Graphics 不规则图形（可缩放矢量图形）

除了div span 都有，其他标签浏览器都有默认样式。