html的一些自见解

  • html 5 自带语义化，就是让标签带上感情色彩，方便人或浏览器区分

  • <b></b>与<strong></strong>的区别

    <b> 的默认样式只是将文本加粗
    
<strong> 在默认样式上和 <b> 一样，将文本加粗
    
但是 <strong> 在语义上更为强烈，方便浏览器或开发人员识别重点

  • <i></i>和<em></em>的区别

    同上
  • 内联和块元素由 css(display: block/inline) 控制
    通常说的内联元素、块元素都是标签自带的默认 display 样式

  • 常用的标签解释

    alt           可选内容，加载失败用这个代替
    
src           路径
    
<img>         图片
    
<hr>          水平分割线
    
<br>          强制换行
    
<nav></nav>   导航
    
<main></main> 主要内容
    
<noscript></noscript> 浏览器不支持js时显示的内容

  • 最最完整的<head>标签meta、link、title、style、script、noscript、base

    <meta charset="utf-8">
    
<meta name="author" content="xxx">
    
<meta name="keyword" content="xxx">
    
<meta name="discription content="xxx">

<link rel="stylesheet" href="xxx/xxx.css">
    
<script src="xxx/xxx.js">
  • 空标签就是只需要一个开始标签就可以了，不需要结束标签的标签
  • 可替换标签（元素）就是在没有css制定的渲染下，标签本身的样式渲染由浏览器来决定的标签（元素）
  • w3c 一个编写web各种规范的组织，任何人都能参与并书写
  • mdn 2005年mozilla发起的收集各种web规范的网站（项目）

  • 关于html所有的标签（https://www.w3.org/html/wiki/...）

    The root element

    <html>

Document metadata

    <head>    <title>    <base>    <isindex>
    
    <link>    <meta>     <style>

Scripting

    <script>    <noscript>

Sections

    <body>     <section>    <nav>      <article>    <aside>
    
    <h1>       <h2>         <h3>       <h4>         <h5>       <h6>
    
    <hgroup>   <header>     <footer>   <address>
    Grouping content

    <p>        <hr>            <pre>    <blockquote>
    
    <ol>       <ul>            <li>     <dl>            <dt>    <dd>
    
    <figure>   <figcaption>    <div>    <center>

Text-level semantics

    <a>       <em>           <strong>    <small>      <s>        <cite>    <q>  <dfn>
    
    <abbr>    <time>         <code>      <var>        <samp>
    
    <kbd>     <sub>、<sup>   <i>         <b>
    
    <mark>    <ruby>         <rt>        <rp>         <bdo>
    
    <span>    <br>           <wbr>       <tt>         <u>        <strike>
    
    <big>     <basefont>     <font>      <acronym>    <blink>    <marquee>
    
    <nobr>    <spacer>       <listing>   <xmp>        <nextid>

Edits

    <ins>    <del>
    Embedded content

    <img>      <iframe>      <embed>       <object>      <param>
    
    <video>    <audio>       <source>      <track>       <canvas>
    
    <map>      <area>        <math>        <svg>         <applet>
    
    <frame>    <frameset>    <noframes>    <bgsound>     <noembed>    <plaintext>

Tables

    <table>    <caption>    <colgroup>    <col>
    
    <tbody>    <thead>      <tfoot>
    
    <tr>       <td>         <th>

Forms

    <form>       <fieldset>    <legend>      <label>
    
    <input>      <button>      <select>      <datalist>
    
    <optgroup>   <option>      <textarea>    <keygen>
    
    <output>     <progress>    <meter>

Interactive

    <details>    <summary>    <command>    <menu>
    Previous HTML Elements

    <acronym>
    
    <applet>     (deprecated in HTML 4.01, non conformant in HTML5)
    
    <basefont>   (deprecated in HTML 4.01, non conformant in HTML5)
    
    <bgsound>
    
    <big>
    
    <blink>
    
    <c>          (never deployed, was a proposal before span)
    
    <center>     (deprecated in HTML 4.01, non conformant in HTML5)
    
    <font>       (deprecated in HTML 4.01, non conformant in HTML5)
    
    <frame>
    
    <frameset>
    
    <isindex>    (deprecated in HTML 4.01, non conformant in HTML5)
    
    <listing>
    
    <marquee>
    
    <nextid>
    
    <nobr>    <noembed>    <noframes>    <plaintext>
    
    <spacer>
    
    <strike>     (deprecated in HTML 4.01, non conformant in HTML5)
    
    <tt>
    
    <u>          (deprecated in HTML 4.01, non conformant in HTML5)
    
    <xmp>

    see also in：
    https://en.wikipedia.org/wiki...
    https://www.w3.org/TR/html/
    https://www.w3.org/TR/html51/

html初体验#1的更多相关文章

  1. .NET平台开源项目速览(15)文档数据库RavenDB-介绍与初体验

    不知不觉,“.NET平台开源项目速览“系列文章已经15篇了,每一篇都非常受欢迎,可能技术水平不高,但足够入门了.虽然工作很忙,但还是会抽空把自己知道的,已经平时遇到的好的开源项目分享出来.今天就给大家 ...

  2. Xamarin+Prism开发详解四：简单Mac OS 虚拟机安装方法与Visual Studio for Mac 初体验

    Mac OS 虚拟机安装方法 最近把自己的电脑升级了一下SSD固态硬盘,总算是有容量安装Mac 虚拟机了!经过心碎的安装探索,尝试了国内外的各种安装方法,最后在youtube上找到了一个好方法. 简单 ...

  3. Spring之初体验

                                     Spring之初体验 Spring是一个轻量级的Java Web开发框架,以IoC(Inverse of Control 控制反转)和 ...

  4. Xamarin.iOS开发初体验

    aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKwAAAA+CAIAAAA5/WfHAAAJrklEQVR4nO2c/VdTRxrH+wfdU84pW0

  5. 【腾讯Bugly干货分享】基于 Webpack & Vue & Vue-Router 的 SPA 初体验

    本文来自于腾讯bugly开发者社区,非经作者同意,请勿转载,原文地址:http://dev.qq.com/topic/57d13a57132ff21c38110186 导语 最近这几年的前端圈子,由于 ...

  6. 【Knockout.js 学习体验之旅】（1）ko初体验

    前言 什么,你现在还在看knockout.js?这货都已经落后主流一千年了!赶紧去学Angular.React啊,再不赶紧的话,他们也要变out了哦.身旁的90后小伙伴,嘴里还塞着山东的狗不理大蒜包, ...

  7. 在同一个硬盘上安装多个 Linux 发行版及 Fedora 21 、Fedora 22 初体验

    在同一个硬盘上安装多个 Linux 发行版 以前对多个 Linux 发行版的折腾主要是在虚拟机上完成.我的桌面电脑性能比较强大,玩玩虚拟机没啥问题,但是笔记本电脑就不行了.要在我的笔记本电脑上折腾多个 ...

  8. 百度EChart3初体验

    由于项目需要在首页搞一个订单数量的走势图,经过多方查找,体验,感觉ECharts不错,封装的很细,我们只需要看自己需要那种类型的图表,搞定好自己的json数据就OK.至于说如何体现出来,官网的教程很详 ...

  9. Python导出Excel为Lua/Json/Xml实例教程（二）：xlrd初体验

    Python导出Excel为Lua/Json/Xml实例教程(二):xlrd初体验 相关链接: Python导出Excel为Lua/Json/Xml实例教程(一):初识Python Python导出E ...

  10. Docker初体验

    ## Docker初体验 安装 因为我用的是mac,所以安装很简单,下载dmg下来之后拖拽安装即可完成. 需要注意的就是由于之前的docker是基于linux开发,不支持mac,所以就出现了docke ...

随机推荐

  1. linux 内核数据结构之 avl树.

    转载: http://blog.csdn.net/programmingring/article/details/37969745 https://zh.wikipedia.org/wiki/AVL% ...

  2. 使用procedump捕获未处理异常的dump

    -ma full memory dump, always do this on 2003 as 4gb is not much and it is good to have the heap -mp  ...

  3. JVM 之类加载器

    一.什么是 JVM JVM(Java Virtual Machine)是一个可以执行 Java 字节码文件(即 .class 文件)的虚拟机进程.当 Java 源文件能被成功编译成 .class 文件 ...

  4. vue组件之间通信的8种方式

    对于vue来说,组件之间的消息传递是非常重要的,下面是我对组件之间消息传递的常用方式的总结. props和$emit(常用) $attrs和$listeners 中央事件总线(非父子组件间通信) v- ...

  5. vue学习【四】vuex快速入门

    大家好,我是一叶,今天我们继续踩坑.今天的内容是vuex快速入门,页面传值不多的话,不建议vuex,直接props进行父子间传值就行,使用vuex就显得比较臃肿. 我们先预览一下效果,如图1所示. 图 ...

  6. 关于一个function abc() 内 return一个值， 或者多个值写法

    1.想return一个值,选第一种写法 function abc(){ a = '我是adad' return a } console.log(abc) // ==> 这个是错的,不要这样写,经 ...

  7. iOS崩溃分析

    崩溃的分析 最近修复了一些iOS项目的崩溃,想分析总结一下这些崩溃的原因,以及预防.崩溃的原因一般有下面几种: 内存访问错误(这个出现的比较多,原因多种多样) 非法指令的执行(超出权限范围内的指令) ...

  8. 设置centos的yum仓库源为阿里源

    前提 使我们的主机能够连接到外网 cd /etc/yum.repos.d/ #切换到yum仓库目录下 rm -rf * #删除默认配置仓库 wget -O /etc/yum.repos.d/CentO ...

  9. super、this关键字

    super调用(父类) 调用方法   语法: super.父类方法名(形参列表);        可以在子类方法和构造器中使用,调用父类被覆盖的方法. 实例变量 语法: super.父类实例变量名;  ...

  10. java面试02——基础

    1. JDK . JRE 和JVM有什么区别? JDK:Java Development Kit 的简称,Java 开发工具包,提供了 Java 的开发环境和运行环境. JRE:Java Runtim ...