几个关注的地方
动态网页与静态网页
静态网页,html代码和内容书写完毕后,页面的内容和显示效果就基本上不会发生变化了——除非你修改页面代码。
而动态网页则不然,页面代码虽然没有变,但是显示的内容却是可以随着时间、环境或者数据库操作的结果而发生改变的。
注意:不要将动态网页和页面内容是否有动画效果混为一谈,比如网页中幻灯片效果,文字滚动效果,如果内容本身没有变化,那么也属于静
HTML,XHTML,DHTML的区别
HTML:超文本标记语言
XHTML:XML+超文本标记语言(结构比较严谨的HTML)
XML:是一种格式非常规范,严谨的一门语言(非常简单)
DHTML:动态的HTML HTML+CSS+JS
几个重点
1.HMTL结构
2.Div和span的区别
Div:块标签(它会独占一行,主要用于布局)
Span:行内标签(不会独占一行,用于勾选需要CSS修饰的内容)
块标签独占一行,宽度默认为100%;
行内标签多个并排一行,宽高为内容大小。
3.行内元素有哪些?块级元素有哪些?
1.内联元素(inline element)行内
* a – 锚点
* abbr – 缩写
* acronym – 首字
* b – 粗体(不推荐)
* big – 大字体
* br – 换行
* em – 强调
* font – 字体设定(不推荐)
* i – 斜体
* img – 图片
* input – 输入框
* label – 表格标签
* s – 中划线(不推荐)
* select – 项目选择
* small – 小字体文本
* span – 常用内联容器,定义文本内区块
* strike – 中划线
* strong – 粗体强调
* sub – 下标
* sup – 上标
* textarea – 多行文本输入框
* tt – 电传文本
* u – 下划线
* var – 定义变量
2.块级元素
* address – 地址
* blockquote – 块引用
* center – 举中对齐块
* dir – 目录列表
* div – 常用块级容易,也是css layout的主要标签
* dl – 定义列表
* fieldset – form控制组
* form – 交互表单
* h1 – 大标题
* h2 – 副标题
* h3 – 3级标题
* h4 – 4级标题
* h5 – 5级标题
* h6 – 6级标题
* hr – 水平分隔线
* isindex – input prompt
* menu – 菜单列表
* noframes – frames可选内容,(对于不支持frame的浏览器显示此区块内容)
* noscript – )可选脚本内容(对于不支持script的浏览器显示此内容)
* ol – 排序表单
* p – 段落
* pre – 格式化文本
* table – 表格
4.什么是语义化的HTML?
语义化的HTML就是写出的HTML代码,符合内容的结构化(内容语义化),选择合适的标签(代码语义化),能够便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。
优点1.语义化有利于SEO,有利于搜索引擎爬虫更好的理解我们的网页,从而获取更多的有效信息,提升网页的权重。
2.在没有CSS的时候能够清晰的看出网页的结构,增强可读性。
3.便于团队开发和维护,语义化的HTML可以让开发者更容易的看明白,从而提高团队的效率和协调能力。
4.支持多终端设备的浏览器渲染。