The `name` attribute is the &quot;usual&quot; way for specifying metadata in HTML. It’s [defined in the HTML5 spec](http://www.w3.org/TR/2014/REC-html5-20141028/document-metadata.html#attr-meta-name).

The `property` attribute comes from [RDFa](http://en.wikipedia.org/wiki/RDFa).

RDFa 1.1 extends HTML5 so that [it’s valid to use `meta` and `link` elements in the `body`](https://webmasters.stackexchange.com/a/55133/17633), as long as they contain a `property` attribute.

You can use both ways, HTML5’s `name` and RDFa’s `property`, [together on the same `meta` element](https://stackoverflow.com/a/20429551/1591669).

Note that you might also see [`meta` elements with an `itemprop` attribute](https://stackoverflow.com/a/22415563/1591669). That would be from [Microdata](http://en.wikipedia.org/wiki/Microdata_%28HTML%29).

I am doing a website for a Women&#39;s Abuse Resource Center. A lot of centers like this have what is referred to by the centers as a &quot;Panic Button&quot;. An example of a basic one is found [here] at the top of every page in the green bar. 

The idea of the link or button is for if a women was looking at this website for help, and their abuser or someone they didn&#39;t want to know walked in the room, it allows for a fast escape. Sometimes a link is much faster then closing a browser window and that can be suspicious. 

The problem I see is that most buttons I see doing this just send you to google or something like that. I am going to do something like this:

    &lt;a href=&quot;http://www.msn.com/#news&quot; rel=&quot;noreferrer&quot;&gt;LEAVE WEBSITE NOW!&lt;/a&gt;

or

    &lt;a href=&#39;data:text/html;charset=utf-8, &lt;html&gt;&lt;meta http-equiv=&quot;refresh&quot; content=&quot;0;URL=&amp;#39;http://www.msn.com/#news/&amp;#39;&quot;&gt;&lt;/html&gt;&#39;&gt;LEAVE WEBSITE NOW!&lt;/a&gt;

A link like that will scroll you to some actual content. Its not a blank Google search but is also not a very specific thing that could be seen as suspicious.

I know that blocking the referrer is good but even with that solution you can hit the back button on your browser and your caught. For this problem I thought I could do something this:

HTML

    &lt;a href=&quot;javascript:goNewWin()&quot; rel=&quot;noreferrer&quot;&gt;LEAVE WEBSITE NOW!&lt;/A&gt;

JavaScript

    function goNewWin() {
        window.open(&quot;backbuttonnewpage.html&quot;,&#39;TheNewpop&#39;,&#39;toolbar=1,location=1,directories=1,status=1,menubar=1,scrollbars=1,resizable=1&#39;); 
        self.close()
    }

I am posting because there are lives at risk with this and I need something that is as close to a total solution as can be. How would you do this?


&amp;nbsp;


**UPDATE- 3-26-14:**  
I ran some of the educational ideas posted here by the resource center I am working with and here was their answer. &quot;It takes extreme courage for our users to even come on our website. When they come they are looking for a fast easy resource to get out of a possibly life threatening situation. They would not have the time or the mental capacity in most cases to educate themselves on a safe way to browse our website. When presented with the idea of a &quot;panic button&quot;, when done properly, has seemed to be a resource that is always asked for by most victims that we treat.&quot;

After reading a lot of the ideas here it seems like a total solution would be a large button that floats in a constant position on left hand side. When the page loads it loads another site in the background (maybe an ajax call) so that clicking the button just removes the overlaying frame. This will mean no load time when clicked. To avoid a back button press of the browser it seems like telling the browser not to cache is necessary as well as possibly using `replaceState` on every page change to disable a back button that reveals this site.

This is still very much a technical question. The debate helps very much but I still need a working technical solution. Anyone think they are able to get all these ideas together into something functional? Ill be working on it right away myself and will post anything I come up with. Thanks all.

  [here]: http://www.fscic.org/

Fastest exit strategy for a Panic Button in Crisis/Abuse Websites?

The following code does not work. 

    import pandas as pd
    import numpy as np
    df=pd.DataFrame([&#39;ONE&#39;,&#39;Two&#39;, np.nan],columns=[&#39;x&#39;]) 
    xLower = df[&quot;x&quot;].map(lambda x: x.lower())

How should I tweak it to get xLower = [&#39;one&#39;,&#39;two&#39;,np.nan] ?
Efficiency is important since the real data frame is huge.

How to lowercase a pandas dataframe string column if it has missing values?

Two common &lt;code&gt;meta&lt;/code&gt; element attributes are: 

    &lt;meta name=&quot;&quot; content=&quot;&quot;&gt;

and

    &lt;meta property=&quot;&quot; content=&quot;&quot;&gt;

what is the difference between meta name and meta property?



What&#39;s the difference between meta name and meta property?

Two common <code>meta</code> element attributes are:
<pre><code class="hljs language-ini">&#x3C;meta name="" content="">
</code></pre>
and
<pre><code class="hljs language-ini">&#x3C;meta property="" content="">
</code></pre>
what is the difference between meta name and meta property?

I&#39;m doing some simple form validation here and got stuck on a very basic issue. I have 5 field pairs for name and entree (for a dinner registration). The user can enter 1-5 pairs, but an entree must be selected if a name is present. Code:

http://jsfiddle.net/eecTN/1/

    &lt;form&gt;
        Name: &lt;input name=&quot;atendeename[]&quot;&gt;
        Entree: &lt;input name=&quot;entree[]&quot;&gt;&lt;br&gt;
        Name: &lt;input name=&quot;atendeename[]&quot;&gt;
        Entree: &lt;input name=&quot;entree[]&quot;&gt;&lt;br&gt;
        Name: &lt;input name=&quot;atendeename[]&quot;&gt;
        Entree: &lt;input name=&quot;entree[]&quot;&gt;&lt;br&gt;
        Name: &lt;input name=&quot;atendeename[]&quot;&gt;
        Entree: &lt;input name=&quot;entree[]&quot;&gt;&lt;br&gt;
        Name: &lt;input name=&quot;atendeename[]&quot;&gt;
        Entree: &lt;input name=&quot;entree[]&quot;&gt;&lt;br&gt;
        &lt;input type=&quot;submit&quot; value=&quot;Submit&quot;&gt;
    &lt;/form&gt;
    
&lt;!-- --&gt;
    
    // Prevent form submit if any entrees are missing
    $(&#39;form&#39;).submit(function(e){
        
        e.preventDefault();
        
        // Cycle through each Attendee Name
        $(&#39;[name=&quot;atendeename[]&quot;]&#39;, this).each(function(index, el){
            
            // If there is a value
            if ($(el).val()) {
             
                // Find adjacent entree input
                var entree = $(el).next(&#39;input&#39;);
               
                // If entree is empty, don&#39;t submit form
                if ( ! entree.val()) {
                    alert(&#39;Please select an entree&#39;);
                    entree.focus();
                    return false;
                }
            }
        });
        
        $(&#39;form&#39;).unbind(&#39;submit&#39;).submit();
        
    });

The error message is working, but it&#39;s submitting the form every time. I know there&#39;s something wrong with this line:

    $(&#39;form&#39;).unbind(&#39;submit&#39;).submit();

...but I&#39;m not sure what I need to do. 

Submit form after calling e.preventDefault()

I am having trouble getting my dropdowns to work. I can get the navbar to show up perfectly, but when I click on &quot;Dropdown&quot; (either of them) it does not display the dropdown menu. I have tried looking on other posts about this, but nothing that fixed everyone&#39;s problems helped. I copied the source straight from bootstrap&#39;s website, but I can&#39;t seem to get it to work on my machine. Anyone have any ideas? I have been staring at it for an hour and can&#39;t seem to figure out what the problem is.


    &lt;head&gt;
    &lt;script src=&quot;resource/js/jquery-1.11.0.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;resources/js/bootstrap.js&quot;&gt;&lt;/script&gt;

    &lt;script type=&quot;text/javascript&quot;&gt;
    $(document).ready(function() {
	    $(&#39;dropdown-toggle&#39;).dropdown()
    });
    &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
    &lt;nav class=&quot;navbar navbar-default&quot; role=&quot;navigation&quot;&gt;
      &lt;div class=&quot;container-fluid&quot;&gt;
        &lt;!-- Brand and toggle get grouped for better mobile display --&gt;
        &lt;div class=&quot;navbar-header&quot;&gt;
          &lt;button type=&quot;button&quot; class=&quot;navbar-toggle&quot; data-toggle=&quot;collapse&quot; data-    target=&quot;#bs-example-navbar-collapse-1&quot;&gt;
        &lt;span class=&quot;sr-only&quot;&gt;Toggle navigation&lt;/span&gt;
        &lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;
        &lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;
        &lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;
      &lt;/button&gt;
      &lt;a class=&quot;navbar-brand&quot; href=&quot;#&quot;&gt;Brand&lt;/a&gt;
    &lt;/div&gt;

    &lt;!-- Collect the nav links, forms, and other content for toggling --&gt;
    &lt;div class=&quot;collapse navbar-collapse&quot; id=&quot;bs-example-navbar-collapse-1&quot;&gt;
      &lt;ul class=&quot;nav navbar-nav&quot;&gt;
        &lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;#&quot;&gt;Link&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Link&lt;/a&gt;&lt;/li&gt;
        &lt;li class=&quot;dropdown&quot;&gt;
          &lt;a href=&quot;#&quot; class=&quot;dropdown-toggle&quot; data-toggle=&quot;dropdown&quot;&gt;Dropdown &lt;b class=&quot;caret&quot;&gt;&lt;/b&gt;&lt;/a&gt;
          &lt;ul class=&quot;dropdown-menu&quot; role=&quot;menu&quot;&gt;
            &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
            &lt;li class=&quot;divider&quot;&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
            &lt;li class=&quot;divider&quot;&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;#&quot;&gt;One more separated link&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
      &lt;form class=&quot;navbar-form navbar-left&quot; &gt;
        &lt;div class=&quot;form-group&quot;&gt;
          &lt;input type=&quot;text&quot; class=&quot;form-control&quot; placeholder=&quot;Search&quot;&gt;
        &lt;/div&gt;
        &lt;button type=&quot;submit&quot; class=&quot;btn btn-default&quot;&gt;Submit&lt;/button&gt;
      &lt;/form&gt;
      &lt;ul class=&quot;nav navbar-nav navbar-right&quot;&gt;
        &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Link&lt;/a&gt;&lt;/li&gt;
        &lt;li class=&quot;dropdown&quot;&gt;
          &lt;a href=&quot;#&quot; class=&quot;dropdown-toggle&quot; data-toggle=&quot;dropdown&quot;&gt;Dropdown &lt;b class=&quot;caret&quot;&gt;&lt;/b&gt;&lt;/a&gt;
          &lt;ul class=&quot;dropdown-menu&quot;&gt;
            &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
            &lt;li class=&quot;divider&quot;&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;&lt;!-- /.navbar-collapse --&gt;
  &lt;/div&gt;&lt;!-- /.container-fluid --&gt;
&lt;/nav&gt;

&lt;/body&gt;
&lt;/html&gt;

Bootstrap Dropdown menu is not working

I&#39;m trying to create a circle with CSS, which looks exactly like on the following picture:

![enter image description here][1]


  [1]: http://i.stack.imgur.com/Rt3yC.png

...with only one `div`:

    &lt;div class=&quot;myCircle&quot;&gt;&lt;/div&gt;

and by using **only CSS** definitions. No SVG, WebGL, DirectX, [...] allowed.

I&#39;ve tried to draw a full circle and fading half of it with another `div`, and it does work, but I&#39;m looking for a more elegant alternative.

Half circle with CSS (border, outline only)

`&lt;a ping=&quot;...&quot;&gt;` is a relatively new, relatively unknown attribute in HTML5&#39;s anchor element.

How cross-browser compliant is it?

I&#39;ve looked at online sources like MDN and http://caniuse.com, but found nothing that suggest browser support.

I want to know if it&#39;s a viable option for link tracking today in 2014.

How cross browser is the ping attribute of anchor elements?

Is there a more flexbox-ish way to right-align &quot;Contact&quot; than to use `position: absolute`?

&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-css --&gt;

    .main {
      display: flex;
    }

    .a,
    .b,
    .c {
      background: #efefef;
      border: 1px solid #999;
    }

    .b {
      flex: 1;
      text-align: center;
    }

    .c {
      position: absolute;
      right: 0;
    }

&lt;!-- language: lang-html --&gt;

    &lt;h2&gt;With title&lt;/h2&gt;
    &lt;div class=&quot;main&quot;&gt;
      &lt;div class=&quot;a&quot;&gt;&lt;a href=&quot;#&quot;&gt;Home&lt;/a&gt;&lt;/div&gt;
      &lt;div class=&quot;b&quot;&gt;&lt;a href=&quot;#&quot;&gt;Some title centered&lt;/a&gt;&lt;/div&gt;
      &lt;div class=&quot;c&quot;&gt;&lt;a href=&quot;#&quot;&gt;Contact&lt;/a&gt;&lt;/div&gt;
    &lt;/div&gt;

    &lt;h2&gt;Without title&lt;/h2&gt;
    &lt;div class=&quot;main&quot;&gt;
      &lt;div class=&quot;a&quot;&gt;&lt;a href=&quot;#&quot;&gt;Home&lt;/a&gt;&lt;/div&gt;
      &lt;!--&lt;div class=&quot;b&quot;&gt;&lt;a href=&quot;#&quot;&gt;Some title centered&lt;/a&gt;&lt;/div&gt;--&gt;
      &lt;div class=&quot;c&quot;&gt;&lt;a href=&quot;#&quot;&gt;Contact&lt;/a&gt;&lt;/div&gt;
    &lt;/div&gt;

&lt;!-- end snippet --&gt;

http://jsfiddle.net/vqDK9/

How to Right-align flex item?

I am new to android and I have not seen or heard about meta data before. However I google it and search about it on YouTube that it is basically a information of your object. Correct me if I am wrong. Can any one help me to understand it in a better way.

1) What is meta data?

2) Why is it used in Android? 

It will be good if explanation is given with example of why metadata is used in Android. I have seen them inside manifest&#39;s activity metadata tag.   

What is metadata ? And what is the use of it in android

I am trying to set up in-app purchases but I don&#39;t know how to get rid of the &quot;Missing Metadata&quot; shown below.

The only yellow dot I see from the page is the &quot;Localizations&quot; section, but I completed the &quot;Display Name&quot; and &quot;Description&quot;.

I don&#39;t know what else I can do or what I am doing wrong.

![Missing Metadata (yellow dot)][1]

---

![Missing Metadata (yellow dot)][2]


  [1]: https://i.stack.imgur.com/XW1Dl.png
  [2]: https://i.stack.imgur.com/NydPH.png

In-App Purchases stuck in &quot;Missing Metadata&quot; state

Is there a standard or convention for embedding metadata in a Markdown formatted post, such as the publication date or post author for conditional rendering by the renderer?

Looks like this [Yaml metadata](https://github.com/blog/1647-viewing-yaml-metadata-in-your-documents) format might be it.

There are all kinds of strategies, e.g. an accompanying file `mypost.meta.edn`, but I&#39;m hoping to keep it all in one file.

Markdown metadata format

I know there is another question with exact the same problem, but I went trough all those answers, and none helped me. :( ([This was the question.][1])

I just created a new ASP.NET MVC project and joined a few &#39;.dll&#39;s in the solution. Now when I try to build the project I get the error message shown below on 3 of the 5 libraries.

    Error	CS0006	Metadata file &#39;C:\Users\...\source\Database\bin\Debug\DataAccessLayer.dll&#39; could not be found	Logic	C:\Users\...\source\Logic\CSC	1	Active

    Error	CS0006	Metadata file &#39;C:\Users\...\source\Logic\bin\Debug\Logic.dll&#39; could not be found	PTS2-MVC	C:\Users\...\source\PTS2-MVC\CSC	1	Active

    Error	CS0006	Metadata file &#39;C:\Users\...\source\PTS2-MVC\bin\PTS2-MVC.dll&#39; could not be found	PTS2-MVC.Tests	C:\Users\...\source\PTS2-MVC.Tests\CSC	1	Active


When I go to the bin\debug folder of that .dll, I see that it is empty, and the other .dll where I do not get an error message, is not empty. But I am clueless how to fix this or what I did to make this happen.

The most common answer is to go to the **properties** of the **solution** and go to **configuration** and *uncheck* -&gt; *apply* -&gt; *check* and *apply* again, but that didn&#39;t work


  [1]: https://stackoverflow.com/questions/1421862/metadata-file-dll-could-not-be-found

VS 2017 Metadata file &#39;.dll could not be found

I keep getting this problem everytime i try to migrate using the commandline: `php bin/console make:migration`
or even `doctrine:migration status`
when i try the `doctrine:migration:sync-metadata-storage` as they tell me I still get the same error message.

I&#39;m currently learning symfony and have been following a guide but I get this problem somehow
Symfony 4.4
php 7.2

Content Type	Original Author	Original Content on Stackoverflow
Question	weaveoftheride	View Question on Stackoverflow
Solution 1 - Html	unor	View Answer on Stackoverflow

What's the difference between meta name and meta property?

Html Problem Overview

Html Solutions

Solution 1 - Html

How to lowercase a pandas dataframe string column if it has missing values?

Fastest exit strategy for a Panic Button in Crisis/Abuse Websites?

Attributions