html基础

基础知识篇:

html5

什么是HTML

不是一门编程语言,而是用来告知浏览器如何组织页面的标记语言。由一系列元素构成。(纯的html类似于markdown?)

块级元素和内联元素

块级元素将出现在新的一行,通常用于展示页面上结构化的内容,例如段落、列表、导航菜单、页脚等等。不可以嵌套在内联元素中,但可以嵌套在其他块级元素中;如<div><p><ul><li><h1><form>;

内联元素内联元素不会导致文本换行,通常出现在块级元素中,并环绕文档内容的一小部分。通常出现在一堆文字之间。如<a>,<em>,<strong>,<span>

头部元素

<head>

不会显示在浏览器中,作用是保存页面的元数据,如网页标题<title>、官方元数据<meta>、引用图标<link rel="shortcut icon" type="imgage/x-icon">以及引入css<link rel="stylesheet" href="index.css">可以指定name,content来自定义元数据内容,如<meta name="description" content="...">可以被搜索引擎收录。Facebook的元数据协议甚至可以包含图片。

html5新特性

  • 新增了一堆语义化标签

    什么是语义化标签?

    “用正确的标签做正确的事”

    例如video里应该放视频,audio里放音频,

    article里放文章内容,header里放页眉,footer里放页脚

    nav放导航链接

    有利于SEO,有利于爬虫抓取信息,具备可读性

什么是SEO?

Search Engine Optimization搜索引擎优化

  • Canvas&SVG

canvas不可缩放,需要使用js绘制

svg是矢量图形,用结构化语言绘制。

  • from API

新增表单参数

  • 拖放 API
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×