HTML Entity

 Ref: codeproject.com/Articles/751805/Beginners-guide-to-HTML
        freeformatter.com/html-entities.html



  •  Do tags and attributes all have to be in lowercase letters? Thing is, HTML5 is flexible and you can chose to write your tags and attributes however way you want. <Head>, <head>, <HEAD> and <hEAd> are all the same, likewise Class, class and CLASS but the usual convention is to write your tags and attributes in lowercase letters.
  • Do I have to use double quotes to enclose attribute values? You can use either. Single ' and " are valid. In fact, HTML5 allows you to completely ignore quotes when writing attribute values that do not have spaces.
  • How do I write <> without the browser thinking it's an HTML tag?
    An article like this one has be showing you different tags without the browser thinking they are tags, right? If you have to write angle brackets or any other character not on your key board in HTML, you'll have to use HTML entities or character entities. Below is a table of commonly used HTML entities.
    Character
    Entity name
    Entity Number
    <
    &lt;
    &#60;
    >
    &gt;
    &#62;
    ©
    &copy;
    &#169;
    ®
    &reg;
    &#174;
    ™
    &trade;
    &#8842;
    "
    &quot;
    &#34;
    (space)
    &nbsp;
    &#32;
    &
    &amp;
    &#38;

    Examples © CodeProject 2014. is written &copy; CodeProject 2014 or &#169; Codeproject 2014
    Microsoft® Visual Studio ™ is written Microsoft &reg; Visual Studio &trade;
    2 > 3 is written 2 &gt; 3
    In your code write 2 &lt;1 is written In your code write 2 &amp;lt; 1
    So, to write any of the characters in HTML code, you'd write the one in the entity name or entity number. Note, entity names are case sensitive, you have to type them exactly (they are usually in lower case though) and entity numbers have a # following the ampersand (&) sign.
    The browser removes unnecessary space from your document content, you have to use the HTML entity for non breaking space (&nbsp;) to preserve spacing
    For a complete list of HTML entity names and numbers, see Free Formatter Entities List 

     Ref: codeproject.com/Articles/751805/Beginners-guide-to-HTML
            freeformatter.com/html-entities.html

    • 评论

    1. AndreCo2021年9月6日 05:00

      What a wonderful blog you have written. I like it very much. It's very useful as well as easy to understand. Thanks for this amazing blog. Btw I am gamer and I have something interesting for you. You may Click Here

      回复删除
    2. Suzzie2022年3月20日 03:48

      Hello,
      Good Blog liked it very much. It is positive blog. Explain in simple and understanding language. Btw I am gamer and I have something interesting for you visit here

      回复删除
    3. Eliza2022年3月23日 01:20

      Hello!!
      just i read out ur blog it's very ineresting nd as well as to easily understanding. i'm also creating a blog visit here http://fusionnerpdf.iwopop.com/

      回复删除

    发表评论

    此博客中的热门博文

    XML, XSL, HTML

    The code in this section is that an XSLT transform is used to translate XML input data to HTML output. Ref: https://docs.oracle.com/javase/tutorial/jaxp/xslt/transformingXML.html Note - The article1a.xsl , which is from in XSLT examples . The following code is for joy.  import java.awt.Desktop; import java.io.*; import java.net.URISyntaxException; import javax.xml.parsers.DocumentBuilder; import javax.xml.parsers.DocumentBuilderFactory; import javax.xml.parsers.ParserConfigurationException; import javax.xml.transform.Transformer; import javax.xml.transform.TransformerConfigurationException; import javax.xml.transform.TransformerException; import javax.xml.transform.TransformerFactory; import javax.xml.transform.dom.DOMSource; import javax.xml.transform.stream.StreamResult; import javax.xml.transform.stream.StreamSource; // For write operation import org.w3c.dom.Document; import org.w3c.dom.Element; import org.xml.sax.SAXException; public class Stylizer { ...
    阅读全文

    Input in element.eleme.io

    Input Input data using mouse or keyboard. Input is a controlled component, it always shows Vue binding value . Under normal circumstances, input event should be handled. Its handler should update component's binding value (or use v-model ). Otherwise, input box's value will not change. Do not support v-model modifiers. ¶ Basic usage < el-input placeholder = "Please input" v-model = "input" > </ el-input > < script > export default { data() { return { input : '' } } } </ script > Hide ¶ Disabled Disable the Input with the disabled attribute. < el-input placeholder = "Please input" v-model = "input" :disabled = "true" > </ el-input > < script > export default { data() { return { input : '' } } } </ script > ¶ Clearable Make the Input clearable with the...
    阅读全文

    Data URI是由RFC 2397 ACE

    https://www.rfc-editor.org/rfc/rfc2397 http://codingpy.com/article/how-to-turn-your-browser-into-code-editor/ https://ace.c9.io/build/kitchen-sink.html https://c9.io/ https://angular-ui.github.io/ The "data" URL scheme Status of this Memo This document specifies an Internet standards track protocol for the Internet community, and requests discussion and suggestions for improvements. Please refer to the current edition of the "Internet Official Protocol Standards" (STD 1) for the standardization state and status of this protocol. Distribution of this memo is unlimited. Copyright Notice Copyright (C) The Internet Society (1998). All Rights Reserved. 1 . Abstract A new URL scheme, "data", is defined. It allows inclusion of small data items as "immediate" data, as if it had been included externally. 2 . Description Some applications that use URLs also have a need to embed (small...
    阅读全文