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>标签metalinktitlestylescriptnoscriptbase

    <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. Python自学

    print("\u4e2d\u56fd\") 报错,语法错误 修改,去掉尾部的\,正确 import datetimeprint("now:"+datetime ...

  2. 原生js:click和onclick本质的区别(转https://www.cnblogs.com/web1/p/6555662.html)

    原生javascript的click在w3c里边的阐述是DOM button对象,也是html DOM click() 方法,可模拟在按钮上的一次鼠标单击. button 对象代表 HTML 文档中的 ...

  3. vue组件如何引入外部.js/.css/.scss文件

    可在相应的单vue组件引入相应文件. 1.引入外部.js文件. 2.引入外部.css文件. 使用@import引入外部css,作用域是全局的,也可在相应的单vue组件引入,import并不是引入代码到 ...

  4. js 学习三 Array

    1.数组的长度 var sequence = [1, 1, 2, 3, 5, 8, 13]; sequence .length //7 2.字符串转换成数组 string.split() var my ...

  5. 利用ARouter实现组件间通信,解决子模块调用主模块问题

    如果你还没使用过ARouter请你按照这篇下面博客尝试使用下然后再往下看组件通信的内容(不然的话可能会懵逼)Android Studio接入ARouter以及简单使用 如果你使用过ARouter请继续 ...

  6. java.lang.ClassNotFoundException: org.apache.jsp.login_jsp

    <span style="font-family: Simsun; background-color: rgb(255, 255, 255);">想必大家在用Eclip ...

  7. 配置 http 反向代理

    [root@nginx ~]# cd /etc/nginx/ 1 [root@nginx nginx]# cp nginx.conf nginx.conf.bak #备份一个原配置文件 2 [root ...

  8. 安卓的几种alert对话框

    @Override public void onClick(View v) { switch (v.getId()) { case R.id.d1: AlertDialog.Builder build ...

  9. python-函数3(全局变量与局部变量)

    python-函数3(全局变量与局部变量) 全局变量与局部变量 school = "goy edu" 全局变量,在最上面定义的 def change_name(name): glo ...

  10. 009-saltstack之salt-ssh的使用及配置管理LAMP状态的实现

    1.salt-ssh的使用 官方文档:https://docs.saltstack.com/en/2016.11/topics/ssh/index.html (1)安装salt-ssh [root@l ...