HTML-02

用户409379271368
128 阅读4分钟

  1. 结构分析

    • 文档类型声明: document type

      • HTML文档
      • 告诉浏览器使用的HTML版本, 上面的版本为HTML5

    • html元素

      • 根元素,是HTML中的顶级元素

      • lang属性 ---language 语言 en/zh-cn

        • 帮助语音合成工具确定使用的发音
        • 帮助翻译工具确定要使用的翻译规则

    • head元素

      • 规定文档相关的配置信息(元数据)

      • IE适配 :

      • 移动端适配 :

      • 网页的标题 : 网页标题---head标签

      • 网页的字符编码 :

        • 不设置可能会导致乱码

    • body元素

      • body元素里面的内容将是你在浏览器窗口中看到的东西，也就是网页的具体内容和结构

  2. 常用HTML元素

    • h1-h6 : Heading , 标题元素 , 级别依次递减

      ​

      1

      2

      3

      4

      5
      6

      ​

      • 思考到底是通过什么来区分h1-h6样式的呈现

        • 通过添加不同的CSS样式

    • P : paragraph, 段落元素

    • 案例

      ​

      史蒂夫·乔布斯

      ​

      ​

      史蒂夫·乔布斯（Steve Jobs，1955年2月24日—2011年10月5日），美国发明家、企业家，苹果公司联合创始人，曾任苹果公司首席执行官。

      乔布斯出生于加利福尼亚州旧金山，在领养家庭长大，自幼对电子学抱有兴趣。1974年因经济原因从大学休学，供职于雅达利电视游戏机公司。1976年4月1日，乔布斯与史蒂夫·沃兹尼亚克、龙·韦恩共同创办苹果公司 [7] ，同年推出苹果第一款个人电脑“Apple I”。1985年，因公司内部权力斗争离开苹果公司，后创办皮克斯动画工作室 [31] 。1997年，乔布斯回归苹果任职；次年推出iMac，带领苹果度过财务危机 [2] 。2011年8月24日，乔布斯向苹果董事会辞去首席执行官职务 [3] ；同年10月5日，因胰腺神经内分泌肿瘤逝世，享年56岁。 [1] [4]

      乔布斯创造的Macintosh、iPhone等产品先后开启了图形界面PC及移动互联网时代，后者亦改变了智能手机的概念，iPod则改变了人们听音乐的方式。乔布斯对个人电脑、手机、平板电脑、数字出版等产业以及全球通讯、娱乐和生活方式的改变具有深远影响。 [24] [27]

      ​

    • *(掌握) *img : 图片元素 , image

      • src : source
      • alt : 当图片加载失败时,应该显示提示用户的文字
      • 可替换元素

      ​

      光遇

      ​

      • 绝对路径与相对路径

        • 绝对路径 : 从根盘符开始查找
        • 相对路径 : 从当前资源路径开始到路径

    • *(掌握) *a : 超链接 , anchor

      • href : 要跳转的路径 , 可以是网络地址, 本地资源地址, 锚点链接, 压缩包(下载), 发邮件
      • target : _self(默认) , _blank

    • *(理解) *iframe : 在网页中嵌套网页

      • 现在很多网站都限制iframe进行访问了, 其主要是加了X-Frame-Options:

        SAMEORIGIN响应头, 禁止iframe访问

      • iframe与a元素target值的使用

        • _top : 在最顶层显示
        • _parent : 在父类中显示

    • div与span

      • 追根溯源 : 刚开始只有HTML作为结构创建的页面并不是那么美观, 于是开发出了自带样式的一些标签,比如strong, i, del等, 随着时间长了, 创建的带样式和结构的标签越来越多, 这也导致整个HTML的体积变得十分的庞大臃肿, 难以维护, 这时候市面上出现了CSS等解决方案 , 后面w3c组织接管了CSS并将它成为一种标准, 这时候出现了结构和样式分离的开发模式, 但是许多标签都是自带样式和语意的, 于是开发出了div和span这样的无语意标签, 于是又开始主流div+css开发模式, 后面有演发成HTML+CSS的开发模式
      • div : 块标签, 独占一行, 可以包含其他元素, 可将页面分为若干块
      • span : 行内标签, 如果一行内容得下, 一行可以包含多个span元素, 不可以包含其他的元素

  3. *(了解) *不常用元素

    • strong : 加粗
    • i : 倾斜, 先多用于作为图标

  4. *(掌握) *常用的全局属性

    • id
    • class
    • style
    • title

  5. *(掌握) *字符实体

    常常用于显示保留字符（这些字符会被解析为 HTML 代码,比如><）和不可见的字符（如“不换行空格”）

    格式&开头;结尾

    常用的nbsp---空格, lt---小于, gt---大于

  6. URL

    统一资源定位符 Uniform Resource Locator , 给定的独特资源在Web上面的地址

    URL

    URI : 统一资源标识符 Uniform Resource Identifier

    URL作为一个网络Web资源的地址，可以唯一将一个资源识别出来，所以URL是一个URI；

    所以URL是URI的一个子集；

    但是URI并不一定是URL

avatar
文章
阅读
粉丝