网页设计与制作HTML基本结构

1.HTML结构简介

HTML标签是由尖括号包围的关键词,html,通常都是成对出现,如html/html以html为根标签,包含,head头部和body主体部分头部提供关于网页的相关信息,如标题、文档类型、字符编码、关键词等摘要信息主体部分提供网页的具体内容,真正显示在页面中标签名不区分大小写,但一般习惯全小写

HTML文件基本结构

网页案例:

!DOCTYPEhtml

html

head

metacharset=UTF-8

titlemyfirsthomepage/title

/head

body

Thisismyfirsthomepage

/body

/html

用浏览器打开效果

!DOCTYPE是一个文档类型标记,是一种标准通用标记语言的文档类型声明,在web设计中用来说明你用的XHTML或者HTML是什么版本。lang=”en”定义网页的语言为英文,定义成中文是lang=”zh-CN”,不定义也没什么影响,它一般作为分析统计用。charset=UTF-8,用来指定字符类型;utf-8是指使用字符编码类型。2.浏览器

浏览器的作用是读取HTML文件,并以网页的形式显示浏览器不会直接显示HTML标签,而是使用标签来解释网页的内容2.1常见PC浏览器:IE、Firefox、QQ浏览器、Safari、Opera、GoogleChrome、百度浏览器、搜狗浏览器、猎豹浏览器、浏览器、UC浏览器、遨游浏览器、世界之窗浏览器等。但目前最为主流浏览器有五大款,分别是IE、Firefox、GoogleChrome、Safari、Opera。

主流浏览器及其内核

注意:当用H5或CSS3的时候,基本不考虑低版本浏览器的兼容性问题了

2.2常见的移动端浏览器

UC浏览器、QQ浏览器、百度手机浏览器、搜狗手机浏览器等

国内的UC和QQ、百度等手机浏览器都是根据Webkit修改过来的内核,国内还没有自主研发的内核(移动端访问网址,网址前加个m,比如:m.jd.


转载请注明:http://www.aierlanlan.com/cyrz/2386.html