html基础（一）
2017-03-07 本文已影响0人
mao_orz
html基础
html简介
- 中文译为“超文本标记语言”，主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。
- HTML提供了许多标记，如段落标记、标题标记、超链接标记、图片标记等
- HTML之所以称为超文本标记语言，不仅是因为他通过标记描述网页内容，同时也由于文本中包含了所谓的“超级链接”点。
doctype标签
- html5
- <!DOCTYPE html>
- xhtml
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- html4
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- DTD（文档类型定义）
- HTML Strict DTD，请求比较严格的html类型，不允许通过单个标签属性来设置样式
- HTML Transitional DTD，相对而言比较规范不太严禁，允许通过单个标签属性来设置样式
html标签
-
lang属性设置当前文档的主要语言是什么，帮助搜索引擎解析文档
<html lang="zh-cn"></html>
head标签
-
meta标签
-
Description：可以描述页面，可以用来使用百度程序（网络爬虫）来收录关键信息，以此提高页面的排名。
<meta name="description" content="新浪网为全球用户24小时提供全面及时的中文资讯，内容覆盖国内外突发新闻事件、体坛赛事、娱乐时尚、产业资讯、实用信息等，设有新闻、体育、娱乐、财经、科技、房产、汽车等30多个内容频道，同时开设博客、视频、论坛等自由互动交流空间。" /
-
Keywords：关键词，可以用来提高页面的关健词的比重（前升排名的一种方式。）
<meta name="keywords" content="新浪,新浪网,SINA,sina,sina.com.cn,新浪首页,门户,资讯" />
-
字符集（编码格式），主流是utf-8
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
-
设置IE浏览器的兼容模式
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
-
-
title标签
title标签对于网站SEO至关重要，标题的好坏直接影响网站的SEO
SEO（Search Engine Optimization）：网站搜索引擎优化 -
link标签
-
引入DNS预先解析,提高网站加载速度
<link rel="dns-prefetch" href="http://mimg.127.net"> -
引入网站icon图标,使用比特虫制作图标，http://www.bitbug.net/
一般小与或等于32X32<link rel="shortcut icon" href="http://www.126.com/favicon.ico" /> -
引入css样式
<link rel="stylesheet" href="css/bg.css">
-
-
style标签
内部样式
-
script标签
导入js文件
-
base标签
设置target属性可以让页面中的a标签跳转方式统一
