A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

[前端与移动开发] 技术贴

© 前端8期薛鹏 初级黑马   /  2019-10-15 09:30  /  526 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

这些是我在黑马的所学:
网页的组成:文字、图片和超链接等元素构成,还包括了音频、视频等等;
常见的浏览器:
作用:浏览器是显示,运行网页的平台;
主流浏览器:IE、火狐(Firefox)、谷歌(Chrome)、safari和Operra,统称5大浏览器
常见浏览器内核
浏览器内核的作用:读取网页内容;
常见的浏览器内核:
IE(Trident)        
Firefox(Gecko)         
safari(webkiit)           
chrome(chromium/Blink)            
Opera(blink)
移动端常见浏览器内核:安卓机器一般都用Webkit内核,ios以及WP7一般都是系统自带浏览器内核,一般是Safari或者Trident内核;
为什么要web标准
由于各个浏览器的内核不同,所以我们要遵循W3C组织制定的web标准让所有浏览器最终显示的效果完全一致‘’
web标准组成(死记硬背)
结构标准(HTML)、表现标准(CSS样式)、行为标准(javascript)
HTML基本介绍
•1、HTML是超文本标记语言,不是编程语言;
•2、用HTML标签来描述网页元素,比如:链接、图片、文字等;
•3、我们需要将所有的标签放在尖括号“<>” 里面
HTML骨架标签
一对html标签嵌套了一对head标签和body标签,head标签主要是给浏览器解析用的,但是title是包含在head标签里面用户可以直接看到,body标签里面的内容是用户真正能够看到的,所以我们的静态布局都要写在body标签里面;

注意:在书写代码的时候要注意所有的标签都要用小写不能用大小

HTML标签分类
双标签:由开始标签<开始标签>和结束标签</结束标签>组成;
例如:<html></html>    <body></body>   <head></head>  
单标签:  不需要包含内容,直接在开始标签最后面添加一个结束的符号/;
例如:<br /> <hr />
注意:双标签就是里面可以包含其他元素的,单标签就不能包含其他元素的;
双标签:h1-h6,p,a,b,strong,u,ins,I,em,s,del,div,span
单标签:<br />  <hr />
HTML标签关系
•嵌套关系  --- 父子级关系
•并列关系  --- 兄弟关系默认结构中DOCTYPE和lang
1、<!DOCTYPE html> 告诉浏览器按照HTML5规范解析页面;
2、lang=“国家的语言”,常见的页面语言:en 英语   zh-CN中文;
注意:一般我们考虑到浏览器和操作系统的兼容性问题,目前仍然使用zh-CN属性值;
字符集<meta charset="UTF-8">
作用:时间利用字符编码将网页编译成当前国家的文字语言;
常用的字符编码:
• Gb2312 简体中文    BIG5 繁体中文    GBK 全部中文(包括简体和繁体中文)
UTF-8  全世界所有国家需要用到的字符(实际工作中用)
标签的语义化的目的
语义化标签让代码结构更清晰,方便代码的阅读和维护,也可以让浏览器或者网络爬虫更好的解析从而分析其中的内容,更好得到优化网站的搜索引擎


0 个回复

您需要登录后才可以回帖 登录 | 加入黑马