任务4-作业
1.html,xhtml,xml的区别
html 超文本编辑语言,该语言是一种松散类型的语言
xhtml语言作用与html的类似,但是语法严格
xml 这个语言主要存储,数据与结构
2.怎样理解HTML语义化
根据内容的结构,选择合适的html标签将页面写的让爬虫喜欢,浏览器解析更加迅速,让人看得懂,看的清楚
3.内容与样式分离原则
总的来说,就是“专人专用”,html用于结构表示,就专门作结构。css用于负责页面展示那就不要掺和在结构里,js负责动作,就专门负责页面中的动作,不要掺和其他的
4.常见的meta标签
页面类型和页面编码
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
关键词的元标签
<meta name="keywords" content="关键词是什么" />
相关页面的描述一般150字左右
<meta name="description" content="页面描述内容" />
优先使用 IE 最新版本和 Chrome
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
使用IE6
<meta http-equiv="X-UA-Compatible" content="IE=6" >
使用IE7
<meta http-equiv="X-UA-Compatible" content="IE=7" >
使用IE8
<meta http-equiv="X-UA-Compatible" content="IE=8" >
5.文档声明有什么作用?严格模式和混淆模式是指什么?<!doctype html>的作用?
壹.告知浏览器页面使用的HTML版本
贰.严格模式:用doctype明确告知浏览器HTML的版本
混淆模式:浏览器按照自身的方式渲染页面(通常不让它自由渲染)
叁.给浏览器说现在的页面用的是HTML5,用HTML5渲染就行
6.浏览器乱码原因及解决方法
页面的编码方式与浏览器解码不匹配
解决办法:在元标签中设定charset通常为utf-8,设定了这个一般就不乱码了
7.常见浏览器及内核
谷歌 用 Chromium
IE 用 Trident
Safari 用 WebKit
火狐 用 Gecko
Opera 用 Presto
8.html常用标签
标题标签 h1-h6
段落 p
块 div
导航 nav
尾部 footer
无序列表 ul
有序 ol
图片标签 img
展示有标题和内容的自定义表格 dl
dt 标题子标签
dl
按钮 button
输入框 input
标记一段行内元素 span
嵌入别的页面 iframe
表格 table 子元素 tr(行) th(第一行内容) td(列)