proper use link hreflang - html

I use below link tag for multiple language, have two question
should I add <link href="http://domain.com/" rel="canonical"> in url http://domain.com/?hl=en or http://domain.com/?hl=es?
should I add <html lang='en'> in url http://domain.com/?hl=en and <html lang='es'> in http://domain.com/?hl=es?
<head>
<!-- … -->
<link href="http://domain.com/" hreflang="x-default" rel="alternate">
<link href="http://domain.com/?hl=en" hreflang="en" rel="alternate">
<link href="http://domain.com/?hl=es" hreflang="es" rel="alternate">
</head>

should I add < link href="http://domain.com/" rel="canonical" > in url
http://domain.com/?hl=en or http://domain.com/?hl=es?
Neither, you can use:
<link href="http://domain.com/" rel="canonical"> in http://domain.com/
<link href="http://domain.com/?hl=en" rel="canonical"> in http://domain.com/?hl=en
<link href="http://domain.com/?hl=es" rel="canonical"> in http://domain.com/?hl=es
should I add < html lang='en' > in url http://domain.com/?hl=en or
http://domain.com/?hl=es?
You can put it in http://domain.com/?hl=en, but not in http://domain.com/?hl=es

Related

remove column from timeLineview

I just created the most basic TimelineView under FullCalendar:
<!DOCTYPE html>
<html lang='fr'>
<head>
<meta charset='utf-8' />
<link href='./fullcalendar/packages/core/main.css' rel='stylesheet' />
<link href='./fullcalendar/packages/timegrid/main.css' rel='stylesheet' />
<link href='./fullcalendar/packages-premium/timeline/main.css' rel='stylesheet' />
<link href="layout.css" rel="stylesheet" />
<script src='https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.js'></script>
<script src='./fullcalendar/packages/core/main.js'></script>
<script src='./fullcalendar/packages/timegrid/main.js'></script>
<script src='./fullcalendar/packages/core/locales/fr.js'></script>
<script src='./fullcalendar/packages-premium/timeline/main.js'></script>
<script src='./fullcalendar/packages-premium/resource-common/main.js'></script>
<script src='./fullcalendar/packages-premium/resource-timegrid/main.js'></script>
<script src='./fullcalendar/packages-premium/resource-timeline/main.js'></script>
<script src="./jquery-3.4.1.min.js" type="text/javascript"></script>
</head>
<body>
<div id='calendar'></div>
</body>
</html>
<script>
var calendarEl = document.getElementById('calendar');
calendar = new FullCalendar.Calendar(calendarEl, {
schedulerLicenseKey:'',
plugins: ['resourceTimeline' ],
defaultView: 'resourceTimelineMonth'})
calendar.render();
</script>
The issue is that it renders a grey column in the 2nd place which I do not want
How to remove / hide this column ?
Thanks
You forgot to include the resource-timeline CSS file. I can't reproduce your problem with a standard Scheduler setup. Demo: https://codepen.io/ADyson82/pen/WNQyrzN
But if you remove that file then your problem starts to occur. Demo: https://codepen.io/ADyson82/pen/mdeKVLQ
I can also see that the relevant CSS file is missing from your code shown above. In your case I expect you need a link like this:
<link href='./fullcalendar/packages-premium/resource-timeline/main.css' rel='stylesheet' />
The FullCalendar plugin index shows what JS and CSS file (if any) is needed for each plugin to work correctly.

AngularJS wont render into the html file

Can anyone help me to identify the problems I might have?
It seems that I cannot use angular even though I have imported the library. When I refresh HTML this is what shows in the browser. It seems that the controller is not working at all. Also even when I try to do {{1+1}}. It won't do any calculations for me instead just showing "{{1+1}}". This has been bugging me for three days. Really appreciate someone can give me a tip.
This is my HTML file:
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<meta charset ="utf-8">
<meta http-equiv="X-UA-Compatible" content= "IE=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div class="container" ng-Controller="AppCtrl">
<h1>UE Call Home</h1>
<table class ="table">
<thead>
<tr>
<th>HostIP</th>
<th>IMSI</th>
<th>IMEI</th>
<th>Model</th>
</tr>
</thead>
<tbody>
<tr ng-repeat = "device in ue">
<td>{{device.hostid}}</td>
<td>{{device.imsi}}</td>
<td>{{device.imei}}</td>
<td>{{device.model}}</td>
</tr>
</tbody>
</table>
</div>
<script type="javascript" src="Controller/controller.js"></script>
<script type="javascript" src="angular.min.js"></script>
</body>
This is my controller:
var myApp = angular.module('myApp',[]);
myApp.controller('AppCtrl',['$scope','$http',function($scope,$http){
console.log("Hello World!");
ue1 ={
hostip:"andrew",
imsi:909090,
imei:898989,
model:8994
};
ue2 ={
hostip:"nick",
imsi:787878,
imei:565656,
model:8996
};
ue3 ={
hostip:"dick",
imsi:1212121,
imei:2323232,
model:9650
};
var ue =[person1,person2,person3];
$scope.ue = ue;
}]);
First declare the angular link before your JavaScript link
And also the variables person1, person2, person3 needs to be changed to ue1, ue2, ue3
You have to change the order of <script> declaration as below,
<script type="javascript" src="angular.min.js"></script>
<script type="javascript" src="Controller/controller.js"></script>
Also replace the ng-Controller with ng-controller
In addition to that verify the angular.min.js path, better to put the controller.js and angular.min.js in same folder to avoid path conflict.

Facebook : The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags

I read a lot of posts about this but none of the solutions seems to work in my case. I learned a lot of stuff reading all these but my problem is still there.
I always get this error message :
The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags.
But in my source code there is :
<meta property="og:image" content="http://www.shootmeagain.com/photo/Y2013/3769/saintvitus-oslo_30-03-2013_17.jpg" />
All my header is here :
<!DOCTYPE html><html xmlns:og="http://ogp.me/ns#"><head><title>PHOTOS : Saint Vitus à Oslo (Rockefeller) le 30-03-2013 | Shoot Me Again Webzine.</title>
<meta charset="UTF-8">
<link rel=canonical href='http://www.shootmeagain.com/photos/3769_saintvitus_oslo_30-03-2013'>
<meta property="og:description" content="PHOTOS : Saint Vitus à Oslo (Rockefeller) le 30-03-2013 | Shoot Me Again Webzine." />
<meta property="og:title" content="PHOTOS : Saint Vitus à Oslo (Rockefeller) le 30-03-2013 | Shoot Me Again Webzine." />
<meta property="og:url" content="http://www.shootmeagain.com/photos/3769_saintvitus_oslo_30-03-2013" />
<meta property="og:type" content="website" />
<meta property="og:image" content="http://www.shootmeagain.com/photo/Y2013/3769/saintvitus-oslo_30-03-2013_17.jpg" />
<meta property='fb:admins' content='erikshootmeagain' />
<meta property='fb:app_id' content='146373435406736' />
<link rel=stylesheet href='http://www.shootmeagain.com/layout.css' type='text/css'>
<link rel=stylesheet href='http://www.shootmeagain.com/layout600.css' type='text/css'>
<link rel=stylesheet href='http://www.shootmeagain.com/layout900.css' type='text/css'>
<link rel=stylesheet href='http://www.shootmeagain.com/layout1200.css' type='text/css'>
<link rel=stylesheet href='http://www.shootmeagain.com/layout1600.css' type='text/css'>
<link rel=stylesheet href='http://www.shootmeagain.com/layout1900.css' type='text/css'>
<link rel=stylesheet href='http://www.shootmeagain.com/layoutheight.css' type='text/css'>
<link rel=stylesheet href='http://www.shootmeagain.com/js/jquery-ui-1.11.3.custom/jquery-ui.css' type='text/css'>
<link rel=stylesheet href='http://www.shootmeagain.com/js/jquery-ui-1.11.3.custom/jquery-ui.theme.css' type='text/css'>
<link rel="shortcut icon" href="http://www.shootmeagain.com/images/favicon.ico">
<link rel="icon" type="image/gif" href="http://www.shootmeagain.com/images/animated_favicon1.gif">
<meta name='keywords' content='webzine, chroniques, photos, interview, concours, mp3, video, hardcore, rock, emo, screamo, metal, punk, garage'>
<meta name='author' content='ChamO'>
<meta name='publisher' content='ChamO'>
<meta name='viewport' content='width=device-width'>
<meta http-equiv="content-language" content="fr">
<link href='http://fonts.googleapis.com/css?family=Lato:100,200,300,400,500,600,700,800,900' rel='stylesheet' type='text/css'>
<script language="javascript" type="text/javascript" src="http://www.shootmeagain.com/js/jquery-1.11.2.min.js"></script>
<script language="javascript" type="text/javascript" src="http://www.shootmeagain.com/js/jquery-ui-1.11.3.custom/jquery-ui.min.js"></script>
<script language="javascript" type="text/javascript" src="http://www.shootmeagain.com/js/editPost.js"></script>
</head>
Here is an URL for example : http://www.shootmeagain.com/photos/3769_saintvitus_oslo_30-03-2013
Does anybody have an idea ?
Thanks a lot !
Erik
You can fix this issue by adding the og:image width, height, alt and secure_url properties on separate lines:
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="description_of_site">
<meta property="og:image:secure_url" content="https://your_domain/my_og_image.png">
That should pass.
FB also complains if the fb:app_id is missing too, but you can leave that out.

How to make a H1-H6 Tags in A new site?

How to create title tags using H1 tags, I am not familiar with HTML tags
Here is my HTML structure
<html>
<head>
<title>Buy RS Gold,Cheap RS Gold- 4RsGold.com
</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
<script src="/js/yu.js" type="text/javascript"></script>
<script src="/js/wsj.js" type="text/javascript"></script>
<script src="/js/common.js" type="text/javascript"></script>
<script src="/js/tb.js" type="text/javascript"></script>
<script src="/js/jquery.min.js" type="text/javascript"></script>
<script src="/js/pagepeel-jquery.js" type="text/javascript"></script>
<link href="/css/update.css" rel="stylesheet" type="text/css" />
<link href="/css/pagepeel.packed.css" rel="stylesheet" type="text/css" />
Help!!!
try this one:
<h1>Buy RS Gold,Cheap RS Gold- 4RsGold.com</h1>
Put content between <h1>--</h1> tags like this -
<h1>--your content--</h1>
Place
<h1>,<h2>,<h3>,<h4>,<h5>,<h6>
where ever you want that content to appear.
Each open heading tag should be closed using a corresponding close tag i.e
</h1>,</h2>,</h3>,</h4>,</h5>,</h6>
for
<h1>,<h2>,<h3>,<h4>,<h5>,<h6> respectively
For your present code,use the below:
<h1>Buy RS Gold,Cheap RS Gold- 4RsGold.com</h1>

Why isn't my html file not responding?

<head>
<title>Free Jokes!</title>
<meta charset="utf-8">
<style type = "text/css" src = "final project.css"></style>
</head>
I have a separate css file that is validated. But the main reason I think this isn't working is that when I validated the html, it says,"Attribute src not allowed on element style at this point."
Any suggestions? Thanks in advance!
Also any other syntax errors would be much appreciated...
replace
<style type = "text/css" src = "final project.css"></style>
with:
<link href="final project.css" rel="stylesheet">
have a look at this on how to include css : http://www.w3schools.com/css/css_howto.asp
<head>
<title>Free Jokes!</title>
<meta charset="utf-8" />
<link type="text/css" href="final project.css" rel="stylesheet" />
</head>
Link element uses "href" not "src"
try
<link rel="stylesheet" href="final project.css">
add only rel attribute:
<link type="text/css" href="final project.css" rel="stylesheet" />
and also avoid using space in file name.